- 追加された行はこの色です。
- 削除された行はこの色です。
*このページについて [#d8d14191]
美麻WikiではGoogleMapsをページ内で利用できるプラグインを導入しました。
GoogleMapsを利用するためのマニュアルです。
-簡単マニュアルを作りました⇒&attachref(./googlemap2.pdf);
*利用方法 [#z449a651]
**地図を表示する [#t331d03d]
&googlemaps2(lat=36.58128, lng=137.898974, width=400px, height=400px);
これだけ。緯度経度による位置と表示する大きさを指定しています。
GoogleMapsで地図を表示し、「このページのリンク」を押すと
http://maps.google.co.jp/maps?q=%E7%BE%8E%E9%BA%BB&hl=ja&ie=UTF8&ll=36.58128,137.898974&spn=0.02402,0.024676&z=15
のようなURLが表示される。この中の「ll=36.58128,137.898974」が緯度経度情報になるので「lat=36.58128, lng=137.898974」のようにして渡せばよい。
下が、この指定で表示される地図。
&googlemaps2(lat=36.58128, lng=137.898974, width=400px, height=400px);
&googlemaps2_mark(36.605538,137.895713, title=ぽかぽかランド美麻, caption=美麻にある温泉施設。道の駅でもある, maxurl=ぽかぽかランド美麻);
**マーカーを置く [#sb931fe1]
ページ中に下記のようなエントリを追加すると，そのポイントが地図上に表示される．
&googlemaps2_mark(36.605538,137.895713, title=ぽかぽかランド美麻, caption=美麻にある温泉施設。道の駅でもある, maxurl=ぽかぽかランド美麻);
最低限必要なのは、最初の緯度経度のみ。
titleに名前、captionにはユーザがクリックしたときに提示する情報、maxurlにはそのPukiWikiページの名前を入力しておくと、そのページが開かれる。
**マーカー登録フォーム [#hb5abece]
マーカーをひとつずつ登録していくのは非常に面倒なので、登録ページを用意してマーカーを張っていくのがお勧めらしい。
表示されている地図を動かすと、地図のセンター位置が座標に自動的に入力されます。
登録ページに必要なのは下の1行のみ。
#googlemaps2_insertmarker()
#googlemaps2_insertmarker
-&googlemaps2_mark(37.581280, 137.898974, map=googlemaps2, title=, icon=Default);
-&googlemaps2_mark(37.581280, 137.898974, map=googlemaps2, title=, icon=Default);
-&googlemaps2_mark(37.581280, 137.898974, map=googlemaps2, title=, icon=Default);
-&googlemaps2_mark(36.58128, 137.898974, map=googlemaps2, title=, icon=Default);
-&googlemaps2_mark(36.582589, 137.888889, map=googlemaps2, title=梨嶺, caption=美麻支所と情報センターも同じ敷地内にある。, icon=Default);
-&googlemaps2_mark(36.566874, 137.874126, map=googlemaps2, title=麻の館, caption=美麻の麻についての資料館と、蕎麦が食べられる施設。, icon=Default);
*参考ページ [#u6df0ea9]
PukiwikiでGoogleMaps2 - mynote
http://reddog.s35.xrea.com/wiki/Pukiwiki%A4%C7GoogleMaps2.html#dadfeaf4
PukiWikiとGoogleMapsでお手軽地図情報サイト (おぼへがき)
http://blog.webox.biz/2007/01/pukiwikigooglemaps.html