まだまだ基本的なシリーズ
マーカーがクリックされたら情報ウインドウを表示する
function initialize(){ if(GBrowserIsCompatible()){ var map = new GMap2(document.getElementById("gMap")); map.addControl(new GSmallMapControl()); map.enableDoubleClickZoom(); map.enableScrollWheelZoom(); map.setCenter(new GLatLng(33.590456,130.401793),13);//13はズームレベル var point = new GLatLng(33.584361,130.398607); var html = 'マーカーと<br />情報ウインドウの<br />テストですが何か?'; marker = new GMarker(point); GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(html); }); map.addOverlay(marker); } }
サンプル
関連エントリー
- Nishiaki’s Log: Google Maps APIメモ(v2) #1 超基本
- Nishiaki’s Log: Google Maps APIメモ(v2) #2 簡単コントローラーの追加
- Nishiaki’s Log: Google Maps APIメモ(v2) #3 マーカーがクリックされたら情報ウインドウを表示する
- Nishiaki’s Log: Google Maps APIメモ(v2) #4 オリジナルの画像をタイルレイヤーで表示
- Nishiaki’s Log: Google Maps APIメモ(v2) #5 オリジナルのマーカーを追加する(まずは1種類1個だけ)
- Nishiaki’s Log: Google Maps APIメモ(v2) #6 オリジナルマーカー情報をjsonデータで読み込み