« Google Maps API を使ってみる（１） | メイン | Google Maps API を使ってみる（３） »
2005年7月19日
Google Maps API を使ってみる（２）
マップにマーカーを追加してみた。まだまだいろんなことが出来るのですが、
ちょっとずつ公開することにしました。
-----9/2追記--------
私のサイトで、Google Maps API のサンプル付き解説も徐々に作成・公開してます。
--------------------
サンプル
忘れずにGoogle Maps API で取得したキーを入力してくださいね。
今回は
さらに、
もちろん
今回は変数を使ってみました。
当然のことながら、座標を変更することで、マーカーを移動させることが可能です。
マーカーは最大で１０個表示することが可能なようです。
１０個以上のポイントを表示したい場合は、別画面で・・・ということになります。
Googleローカルもそのようになっていますね。
これらは同じ位置に表示されるので、
上記３種類のうちのどれか１つを使用すればよいです。
複数使用すると、重なって表示されてしまいました。
上のソースの「ここにキーを入力」の部分は、
忘れずにGoogle Maps API で取得したキーを入力してくださいね。
今回は
var point = new GPoint(132.46151447296142, 34.39951809672059);
で、マップ中心の座標を変数"point"に代入しておき、
map.centerAndZoom(point, 1);
としてみました。さらに、
var marker = new GMarker(point);
map.addOverlay(marker);
で、同じ位置にマーカーを追加しました。map.addOverlay(marker);
もちろん
var marker = new GMarker(point);
を、
var marker = new GMarker(new GPoint(132.46151447296142, 34.39951809672059));
と書いても良いのだけども、冗長になってしまうので、今回は変数を使ってみました。
当然のことながら、座標を変更することで、マーカーを移動させることが可能です。
マーカーは最大で１０個表示することが可能なようです。
１０個以上のポイントを表示したい場合は、別画面で・・・ということになります。
Googleローカルもそのようになっていますね。
map.addControl(new GSmallMapControl());
ですが、
map.addControl(new GLargeMapControl());
とすることで、ちょっと大きいサイズで機能も多いマップ操作機能を、
map.addControl(new GSmallZoomControl());
とすることで、ズームイン・アウトのみの最小機能のマップ操作機能を得られます。これらは同じ位置に表示されるので、
上記３種類のうちのどれか１つを使用すればよいです。
複数使用すると、重なって表示されてしまいました。
投稿者 ponpon : 2005年7月19日 17:52 | 【Google】
トラックバック
◇重複トラックバックはこっそり削除しますのでお気になさらないでください。
◇トラックバックスパムと判断しましたらサックリ削除いたしますのでご了承ください。
このエントリーのトラックバックURL:
