2011年6月14日火曜日

joomla!1.5でgooglemapを使う

便利なプラグイン。

http://www.joomlaway.net/extension-new/external-contents/maps/957-plugin-googlemaps.html

ここに書いてる通りです。

記事がなくなるといけないんで、コピペしもす。

※ファイルは一応バクレツフォルダに入ってます。

フェアトレードで使用してるんで使うまえに確認しよう。

/////以下コピペ///////////////////

概要

  • 記事にプラグインタグを入力する事でGoogle Mapsを表示できる。
  • タグ入力時に様々なパラメータを指定可能。

インストール

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

初期設定

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

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ファイルについて詳しくはこちらをご覧下さい。例えば以下は株式会社東京地図研究所で公開されている「東京銭湯マップ」を表示する例です。

KMLファイルを使用すれば、1つのマップに2カ所以上のマーカーを表示する事ができます。
これ以外にも指定できるパラメータがありますので、詳しくは下記を参照して下さい。
また下記はプラグインのデモというかTipsみたいなもんです。参考にして下さい。

0 件のコメント:

コメントを投稿