API4(マーカアイコンの設定)

更新日2007-06-23 (土) 23:23:46

マーカアイコンを設定する

         //新しいアイコンを作成
         var icon = new GIcon();
         //アイコンの画像を指定
         icon.image = "images/icon21.png";
         //アイコンの大きさをピクセルで指定
         icon.iconSize = new GSize(32, 32);
         icon.iconAnchor = new GPoint(16,32); <===(1)

         icon.infoWindowAnchor = new GPoint(16, 0); <==(2)
         //マーカにアイコンを指定
         var marker = new GMarker(point,icon);

(略)
         var marker = show_marker(point,infoTabs,icon);
         map.addOverlay(marker);
         marker.openInfoWindowTabsHtml(infoTabs,{selectedTab:0});
(略)
      //マーカにマウスが来たら吹き出し表示(この部分はこのように関数する必要がある)
      function show_marker(point,infoTabs,icon){
          var marker = new GMarker(point,icon);

          GEvent.addListener(marker, 'click', function() {
             marker.openInfoWindowTabsHtml(infoTabs,{selectedTab:0});
          });

          return marker;
      }

(1)のiconAnchor


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS