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

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

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

サンプル

関連エントリー