Google Maps APIメモ(v2)　#3　マーカーがクリックされたら情報ウインドウを表示する

まだまだ基本的なシリーズ
マーカーがクリックされたら情報ウインドウを表示する

• Google Maps API リファレンス – Google Maps API – Google Code
• 地図の基本 – Google Maps API – Google Code

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);
    }
}

サンプル

• Google Maps API(v2) Sample #3 マーカーがクリックされたら情報ウインドウを表示する

関連エントリー

• 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データで読み込み