Google Mapsの使い方
行ったゴルフ場の地図を作りたくなって一日格闘しました。
作り方をメモしておきます。
グーグルマップの使い方
1．Google MAPS APIキーを取得する
自分のサイトに埋め込む場合に必要。
iframeで他人のを使う場合はいらない。
2．雛形となるソースを作成する。
グーグルマップのソース取得からとりました。
肝は
＜script src="http://maps.google.com/maps?file=api&v=2&key=APIキー
map.setCenter(new GLatLng(35.874742633448616,139.8045021057129),8);
setCnterの第2引数が表示サイズです。
3．ゴルフ場に行く度に下記ソースを追加
var markeropts = new Object();
markeropts.title = "岡部チサンCC 美里コース";
marker = new GMarker(new GPoint(139.2042875289917,36.18366594316973), markeropts);
marker.jmplnk = "http://lefty.golf-bloggers.com/cat198/post_10.html";
markers[n_markers] = marker;
GEvent.addListener(markers[0], "mouseover", function () {markers[0].openInfoWindowHtml("岡部チサンCC美里コース");});
n_markers++;
map.addOverlay(marker);
グーグルマップは生成するツールがたくさん出ていて、
MTのエントリーの中からアドレスを読んで、自動生成というプラグインもありましたが、
自由に作成する為にも、まずは仕組みを知るという事で手動設定。
ちなみにGPointが緯度、経度。
map関数にaddOverlayする事で複数ポイントできます。
で、できたのが ゴルフ場レビューマップ
これかなり楽しい！
という訳でゴルフブログ...地味に公開始めました。 ⇒ レフティーゴルファー
まだまだ構想段階ですが、いつまで経っても始まらないので公開してみました。
8月にはメンバーブロガー4名リリースしポータルも開始予定です。
盛り上がるといいな〜
諸々展開していきたいので、皆さんのご意見も随時お待ちしています...