04 8月2009

Plugin Googlemaps - パラメータが豊富なGooglemap埋め込みプラグイン

ここに掲載している記事は執筆時点のものです。内容が古くなっている事もありますのでご注意下さい。
ここで紹介しているエクステンションの利用を推奨するものではありません。ご利用は自己責任でお願いします。
ご自分が利用しているエクステンションの最新情報は常に確認しましょう。様々なエクステンションで日々脆弱性が見つかっており、あなたのサイトがクラックの被害に遭わないとも限りません。脆弱性情報はこちら。

インストール

ダウンロード後、「エクステンション」→「インストール/アンインストール」からインストールして下さい。その後、プラグインを有効してください。

プラグインの設定画面を開き、「Google API」にGoogle Map APIキーを入力します。
「Google website」から「Japan(maps.google.jp)」を選択します。
そのほか必要に応じてGoogleマップのデフォルト値を設定します。サイト全体で共通にしたい設定を行えば良いでしょう（例えばマップの幅、高さ、初期のズームレベルなど）。

記事にプラグインのタグを入力する事でマップを表示できます。この際にプラグインのパラメータも指定できます。

例えばGoogleマップを埋め込みたい記事に次のタグを入力します。

{mosmap}

記事を表示するとGoogleマップが表示されます。今回のようにオプションを指定しない場合は、プラグインのパラメータに設定された Latitude（緯度）、longitude （経度）が使用されます。

例えば緯度と経度を指定するには次の様にします（以下の場所は東京タワーです）

{mosmap lat='35.658587'|lon='139.745425'}

パラメータ名='値'と言う形式でパラメータを指定し、複数指定する場合は'|'でつなげればOKです。パラメータの順序は関係有りません。例えばズームレベルを指定するなら次の様にします。

{mosmap lat='35.658587'|lon='139.745425'|zoom='16'}

インフォウインドウ(吹き出し）を表示したいなら次の様にします。

{mosmap lat='35.658587'|lon='139.745425'|zoom='16'|text='東京タワー'}

「text」のパラメータにはHTMLも利用できるので画像の埋め込みなども可能です。

また緯度と経度を指定しなくてもジオコーディングも可能です。

{mosmap address='東京タワー'}

次の様に指定するとマップの上に住所検索可能なテキストボックスが表示されます。

{mosmap address='東京タワー'|gotoaddr='1'}

またKMLファイルも指定することが可能です。KMLファイルについて詳しくはこちらをご覧下さい。例えば以下は株式会社東京地図研究所で公開されている「東京銭湯マップ」を表示する例です。

{mosmap kml='http://www.t-map.co.jp/gallery/images/sento.kmz'}

KMLファイルを使用すれば、1つのマップに2カ所以上のマーカーを表示する事ができます。

これ以外にも指定できるパラメータがありますので、詳しくは下記を参照して下さい。

また下記はプラグインのデモというかTipsみたいなもんです。参考にして下さい。