防止Google地图标记被点击

时间:2016-08-21 02:46:41

标签: javascript google-maps google-maps-api-3

我想知道是否有办法防止Google地图标记被点击。我认为这可以使用以下代码在地图选项中设置。

map_options: {        
    clickable: false,
},  

我在一篇非常古老的博文中发现了这个:

http://www.technoreply.com/how-to-make-google-map-marker-non-clickable/

但我不确定此选项是否已被弃用。

1 个答案:

答案 0 :(得分:2)

要防止标记被点击,请将其clickable属性设置为false(如果您没有处理click事件的内容,则会有很大的不同,除非阻止光标更改)。< / p>

function initialize() {
  var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
      center: new google.maps.LatLng(37.4419, -122.1419),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  var marker = new google.maps.Marker({
    map: map,
    position: map.getCenter(),
    clickable: false
  });

}
google.maps.event.addDomListener(window, "load", initialize);
html,
body,
#map_canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map_canvas"></div>