情報ウィンドウ(タブ付き)

Ajax > Googleマップ > お勉強 > 情報ウィンドウ(タブ付き)

情報ウィンドウ（タブ付き）

      // 座標を作成する（例：東京駅）
      var lat  = 35.681003987351055 ;
      var lon = 139.76703643798828 ;
      var point = new GLatLng(lat, lon);

      // ドラッグ可能マーカーを設置する。
      var marker = new GMarker(point, { draggable:true } );

      // マーカーを設置する。
      //   情報ウィンドウを表示するには、
      //   必ず先にマーカーを設置しておかなければならない。
      map.addOverlay(marker);

    //マーカークリックでタブ付き情報ウインドウを開きます
    GEvent.addListener(marker, "click", function() {
      marker.openInfoWindowTabsHtml([
        new GInfoWindowTab("タブ1", "Tab1"),
        new GInfoWindowTab("タブ2", "Tab2")
      ]);
    });