Top > GoogleMapsの利用マニュアル

このページについて Edit

美麻WikiではGoogleMapsをページ内で利用できるプラグインを導入しました。
GoogleMapsを利用するためのマニュアルです。

利用方法 Edit

地図を表示する Edit

&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」のようにして渡せばよい。

下が、この指定で表示される地図。


ぽかぽかランド美麻 - 美麻にある温泉施設。道の駅でもある [PAGE]

マーカーを置く Edit

ページ中に下記のようなエントリを追加すると,そのポイントが地図上に表示される.

&googlemaps2_mark(36.605538,137.895713, title=ぽかぽかランド美麻, caption=美麻にある温泉施設。道の駅でもある, maxurl=ぽかぽかランド美麻);

最低限必要なのは、最初の緯度経度のみ。
titleに名前、captionにはユーザがクリックしたときに提示する情報、maxurlにはそのPukiWikiページの名前を入力しておくと、そのページが開かれる。

マーカー登録フォーム Edit

マーカーをひとつずつ登録していくのは非常に面倒なので、登録ページを用意してマーカーを張っていくのがお勧めらしい。
表示されている地図を動かすと、地図のセンター位置が座標に自動的に入力されます。

登録ページに必要なのは下の1行のみ。

#googlemaps2_insertmarker()
LAT: LNG: タイトル: アイコン:
画像: MAXURL:
表示最小ズーム: 表示最大ズーム:
詳細:
  • -
  • 梨嶺 - 美麻支所と情報センターも同じ敷地内にある。
  • 麻の館 - 美麻の麻についての資料館と、蕎麦が食べられる施設。

参考ページ Edit

PukiwikiでGoogleMaps2 - mynote
http://reddog.s35.xrea.com/wiki/Pukiwiki%A4%C7GoogleMaps2.html#dadfeaf4

PukiWikiとGoogleMapsでお手軽地図情報サイト (おぼへがき)
http://blog.webox.biz/2007/01/pukiwikigooglemaps.html


Last-modified: 2013-02-11 (月) 04:24:07 (4082d)

添付ファイル: filegooglemap2.pdf 464件 [詳細]