マーカーがクリックできる/できないを切り替える

Marker clickable = true

説明

マーカーがクリックできるようにするか、できないようにするかをときどき切り替えたい時があると思います。 そのようなときはMarMarker.setClickable(true or false)か、Marker.setOptions({ clickable : true or false})で設定することができます。

<script type='text/javascript'>

    var mapCanvas;
    function intialize() {
      //Create a map
      var initPos = new google.maps.LatLng(40.803, -74.097);
      mapCanvas = new google.maps.Map(document.getElementById("map_canvas"));
      mapCanvas.setCenter(initPos);
      mapCanvas.setZoom(9);
      mapCanvas.setMapTypeId(google.maps.MapTypeId.ROADMAP);
      
      var infoWnd = new google.maps.InfoWindow({
        content :  "Please change the checkbox below."
      });
      
      var marker = new google.maps.Marker({
        position : initPos,
        map : mapCanvas,
        clickable : true
      });
      infoWnd.open(null, marker);
      
      var checkbox = document.getElementById("marker_clickable");
      google.maps.event.addDomListener(checkbox, "click", function(){
        marker.setClickable(checkbox.checked);
      });
  
      google.maps.event.addListener(marker, "click", function() {
        alert("clicked!");
        infoWnd.setContent("clicked!");
        infoWnd.open(mapCanvas, marker);
      });
      google.maps.event.addListener(marker, "clickable_changed", function() {
        infoWnd.close();
      });
    }
    google.maps.event.addDomListener(window, "load", intialize);
  </script>





サイト内検索
Google Maps APIプログラミング入門 第2版
Google Maps APIプログラミング入門 第2版
全520ページ。Google Maps API version3を中心に公式ドキュメントより詳しく解説しています。
詳しくはこちら
Google Maps APIプログラミングガイド

Google Maps API Expert 4人が共著で執筆。中級者向けに実用に役立つサンプルを中心に紹介! スマートフォン時代に合わせたGoogle Maps APIの使い方も掲載。
詳しくはこちら