Top > GoogleMapsの利用マニュアル

*このページについて [#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

IP:203.223.57.133 TIME:"2013-02-11 (月) 04:24:05" REFERER:"http://miasa.info/index.php?cmd=edit&help=true&page=GoogleMaps%A4%CE%CD%F8%CD%D1%A5%DE%A5%CB%A5%E5%A5%A2%A5%EB" USER_AGENT:"Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; BTRS124343; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)" ACCEPT_LANGUAGE:"ja"