住所や緯度・経度などの情報をもとにして、自動的に Google マップ に変換してくれるプラグイン Mapper をインストールしてみました。今のところ使用予定はありませんが、入れておけば、その内、使うこともあるでしょう。
インストールの方法と使用方法は、以下の通り。
- Mapper_Plugin - Ogawa - から " Mapper.zip " をダウンロード。
- 解凍後に生成される " Mapper.pl " を Movable Type の Plugins ディレクトリへアップロード。ちなみに mt-static の下にあるディレクトリではありません。
- 各ブログのプラグイン設定画面から、Mapper プラグインの「設定」をクリックし、Google Maps API Key を入力します。これで準備は完了です。
- 使用方法は、次のようになります。
| <mt:Mapper> <p>[map:address]</p> <div>[map:address]</div> </mt:Mapper> |
<mt:Mapper> コンテナを挿入し、この中で <p>[map:address]</p> 等で指定した部分が Googleマップに自動的に変換されます。
このため、あらかじめテンプレートに<mt:Mapper> コンテナをブログ埋め込んでおくことにします。まず、インデックステンプレートのメインページ index.html とアーカイブテンプレートのブログ記事で以下のように赤字部分を挿入して保存します。
- インデックステンプレート ⇒ メインページ
| ・・・ <mt:Entries> <mt:Mapper> <$mt:Include module="ブログ記事の概要"$> </mt:Mapper> </mt:Entries> ・・・ |
- アーカイブテンプレート ⇒ ブログ記事
| ・・・ <mt:Mapper> <$mt:Include module="ブログ記事の詳細"$> </mt:Mapper> ・・・ |
これでエントリーを作成し、<p> ～ <p>を挿入すれば、自動的に Googleマップに変換されます。以下は、東京タワーの住所を指定して地図を表示してみた場合です。
例 ： <p>[map:東京都港区芝公園4‐2‐8]</p>
|
東京都港区芝公園4‐2‐8
|
Ref:
Movable Type プラグインディレクトリ: Mapper － Six Apart －
http://www.sixapart.jp/movabletype/plugins/mapper.html
過去、公共図書館員。現在、大学図書館員…ではなく研究費関連部署で修行中。
早く図書館に戻って鈍った感を取り戻したいな。図書館情報大学の14期卒業生です。
今の趣味はジョギングでフルマラソン完走が目標！ かわいい2人の息子が自慢です。
このブログでは、図書館関連やBeliberの日常などを更新しています。
ちなみに決して私がBest Librarianという訳ではありませんので念のため！
その他のプロフィールは
コメントする