ここだマップ：ブログに地図を表示
「ここだマップ」とは
「ここだマップ」は、記事に連動して地図を表示するブログパーツです。
ブログの記事に地図を表示するブログパーツはいろいろあります。今までのパーツは、記事ごとに地図を表示していました。しかし、すぐ近くに別の記事があってもそれらは表示されません。また、表示するとしても、自分の記事とほかのブログ記事の区別が無く、地図に表示されている記事に直接ジャンプすることもできませんでした。
そこで近くにあるブログ記事を一覧できる地図があれば便利だと考え、次のような機能を持つブログパーツ「ここだマップ」を作成しました。
- 「ここだマップ」は、基本的に最新記事の場所を中心とした地図を表示します。
- 個別の記事を表示しているときには、その記事の場所を中心とした地図を表示します。(*1)
地図の範囲に他の記事があれば、最新15件の場所を地図に表示します。この時表示している記事の場所と他の記事の場所を区別できるように、表示している記事の場所は赤いマークで表示します。
- 他のブログの記事が地図の範囲内にあるときは、設定によって最新15件の記事の場所を表示することができます。この機能によって、ご近所のブログを見つけられます。
他のブログの場所は、自分のブログと区別できるように小さめのマークで表示されます。
- 記事の場所を示す地図には、普通の地図と衛星写真を選択できます。
- Ajax(Google Maps API)を使っているので、地図をドラッグすることで場所を移動できます。
移動した先に記事があれば、それらの場所を同様に表示します。またズームによって表示範囲を変えることもできます。
- 地図の左下にある「広域」をクリックすると、自分のブログ記事の位置を表示する大きな地図が開きます。この時の地図には、「どこだログ」を使います。
*1 Referer情報を送らないブラウザーやセキュリティソフトを使用している環境では、どの記事を表示しているかという情報を受け取れません。そのため、個々の記事を表示しているときでも、最近記事の場所を中心とした地図が表示されます。
「ここだマップ」の使用サンプルは、「歩ってみる--ためしてみる」を見てください。左サイドバーの一番上に表示しています。トップページでの表示と、個別の記事を表示させたときの違いを確認してください。
「ここだマップ」の設定方法(説明)
設定には、最低一つの記事を「どこだログ」に登録しておく必要があります。
記事の登録は、「どこだログ」にトラックバックを送ることで行ないます。
詳しい登録方法は、「「どこだログ」の登録方法」を参照してください。
（１）「ここだマップ」の設定：ステップ１（ブログのタイトルを入力）
ブログのタイトルを入力して、「次に進む」ボタンをクリックします。部分一致でブログを検索するので、タイトルの一部を入力するだけでOKです。
（２）「ここだマップ」の設定：ステップ２（地図の種類や縮尺などの設定）
地図の種類、縮尺、記事を新しいウィンドウで表示するか、自分以外のブログ記事を表示するかを設定します。
設定すると、ブログのサイドバーに表示するためのHTMLコードが作成されます。
（３）ブログのサイドバーに登録
「ここだマップ」をサイドバーに表示するには、（２）で作成されたHTMLコードを「私リスト」などを使ってブログに埋め込みます。「ここだマップ」は、幅160px 高さ260pxの領域を使用します。
（４）記事の追加登録
記事を作成するときに「
どこだログ」にトラックバックを送れば、その位置が自動的に「ここだマップ」に反映されます。
「ここだマップ」の設定
「
どこだログ」に記事を登録したら、「ここだマップ」の設定をします。
（１）「ここだマップ」の設定：ステップ１
（ブログのタイトルを入力）
次の空欄にブログのタイトルを入力して、「次に進む」ボタンをクリックして下さい。