【问题标题】:Prevent Google map marker from being clickable防止谷歌地图标记被点击
【发布时间】:2023-03-21 00:40:02
【问题描述】:

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

map_options: {        
    clickable: false,
},  

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

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

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

【问题讨论】:

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


【解决方案1】:

要防止标记可点击,请将其 clickable 属性设置为 false(如果您没有处理点击事件的内容,则不会有太大区别,除非防止光标更改)。

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?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<div id="map_canvas"></div>

【讨论】:

  • 单击“运行代码 sn-p”时出现脚本错误 google 端
  • 这是一个老问题/答案,需要将(现在需要的谷歌测试)密钥添加到代码 sn-p 以便地图工作
猜你喜欢
  • 2012-09-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-10-20
  • 2011-10-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多