このページについて Edit

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

利用方法 Edit

地図を表示する Edit

&googlemaps2(mapname=test1, width=400px, height=400px, lat=36.58128, lng=137.898974, mapctrl=normal);
&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(35.012179, 135.770059, map=imtest, title=一之船入, caption=河原町押小路東入る北側.創作中華の店.高いけど美味., icon=中華, maxurl=一之船入);
&googlemaps2_mark(36.605538,137.895713, title=ぽかぽかランド美麻, caption=美麻にある温泉施設。道の駅でもある, maxurl=ぽかぽかランド美麻);

必要なのは最初の2つの項目で,緯度経度を指定.

titleに店の名前とか,captionにはユーザがクリックしたときに提示する情報を.

maxurlにはそのPukiWikiページの名前を入力しておく.

そうすると,勝手にそのページが開かれるようになる.

最低限必要なのは、最初の緯度経度のみ。

titleに名前、captionにはユーザがクリックしたときに提示する情報、maxurlにはそのPukiWikiページの名前を入力しておくと、そのページが開かれる。

マーカー登録フォーム Edit


マーカーをひとつずつ登録していくのは非常に面倒なので、登録ページを用意してマーカーを張っていくのがお勧めらしい。

表示されている地図を動かすと、地図のセンター位置が座標に自動的に入力されます。

なお,ひとつずつ登録していくのは非常に面倒なので,こんな感じの登録ページを用意しておいて,順に登録し,必要に応じて張り込んでいくということをやっていくと良いと思う.

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

ちなみに,登録ページに必要なのは下の1行のみ.
#googlemaps2_insertmarker(map=imtest)
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