Mapper プラグイン（Googleマップを表示する）

住所や緯度・経度などの情報をもとにして、自動的に 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 －

コメントする

トラックバック(0)