WordPress に投稿した記事のロケーションを Googleマップ上に表示するプラグイン “Geo Mashup” を導入する手順メモ。
今後このブログで予定しているコンテンツのために、自分だけのロケーションマップを用意してみた。
さながら、「たんけんぼくのまち（NHK教育）」の”たんけん地図”のようである。
今後、ボチボチとカスタマイズをしていく予定。
このページで動作確認できます。
導入の流れ(WordPress ME 2.2.1 での記録)：
- こちらの配布サイトからプラグイン本体をダウンロードして解凍する。
- 安定版の「geo-mashup-1.0.3.zip」 をダウンロードした。
- 解凍したファイルをサーバーにアップロードする。
- WordPressフォルダ/wp-content/plugins/
にアップロード。
- WordPressフォルダ/wp-content/plugins/
- プラグインを有効化する。
- 管理画面＞プラグイン＞Geo Mashup を有効化。
- 新規ページを作成する。
- 管理画面＞投稿＞ページ作成 から地図表示用のページを作成する。
- ページ内の地図を表示したい位置に以下のコードを記述する（リッチテキストではなく、コードエディタで記述する）。
<!–GeoMashup–>
- 初期設定を行う。
- 管理画面＞各種設定＞Geo Mashup
Google Maps Key
「Google Maps API Key」 を入力する。
Key は入力ボックス右の 「Get yours here」 から取得する。
○ 「Get yours here」 のリンク先へ飛ぶ。
○ ページ下部にある 「I have read and agree …」 をチェック。
○ ブログURLを入力。
○ 「Generate API Key」ボタンを押下する。
Mashup Page
地図を表示するページ（4で作成したページ）を指定する。
Map Control
地図に表示する操作パネルのタイプを指定する。
Add Map Type Control
チェックを入れると地図タイプを変更するボタンを表示する（サテライト表示などの切り替えボタン）。
Add Overview Control
チェックを入れると地図右下に広域ビューを表示する。
Default Map Type
デフォルトの地図タイプを指定する。
Default Zoom Level
デフォルトの縮尺を指定する（数値が小さいほど広域）。
Show Future Posts
何かわからない。
Automatically Open the Center Info Window
チェックを入れると、地図を表示した際にデフォルトでスポットの吹き出しを表示する。
Enable Full Post Display
用途がわからない。
Use Compressed Javascript
何かわからない。
Add Category Links
チェックを入れると、カテゴリーリストにカテゴリー別の地図へのリンクを表示する。
Category Link Separator
カテゴリー名と地図リンクの区切り文字を指定する（Add Category Links が ON の場合のみ有効）。
Category Link Text
地図リンクの表示名を指定する（Add Category Links が ON の場合のみ有効）。
Category Zoom Level
カテゴリー別の地図を表示した際のデフォルト縮尺を指定する（Add Category Links が ON の場合のみ有効）。
Post Excerpt Format
吹き出しに表示する記事の表示形式を指定する。
Post Excerpt Length
吹き出しに表示する記事の文字数を指定する。
Include style settings
スタイルシートを自分でデザインする場合はチェックを外す。
Map Width、 Map Height
地図の幅、高さを指定する。
Info Window Width、Info Window Height
吹き出しの幅、高さを指定する。
Info Window Font Size
吹き出しの文字サイズを指定する。
これで設置完了です。
ロケーションを設定する手順はこちら：
» Geo Mashup で Googleマップにロケーションを設定する
Tips：
- マップの吹き出しに内容が表示されず、白紙になってしまうことがあったが、オプションの「Post Excerpt Length」の値を大きく設定したら表示されるようになった。
