Javascript 如何完全删除移动网络上的谷歌地图标记可点击区域？

基本上我有一个地图，用户可以点击放置标记。但是，当地图上已经有一个标记，并且我尝试在附近放置一个标记时，该标记会拦截单击事件，因此地图无法接收它并放置另一个标记。我将

clickable

设置为false，并且没有为标记创建侦听器

这只是移动设备上的一个问题-我在桌面上通过将标记的形状设置为0 x 0 px的矩形解决了这个问题：

shape: {
  type: 'rect',
  coords: [0,0,0,0]
}

这个“shape”属性只在桌面上工作——当我加载带有chrome developer tools device emulator的页面时，设置可点击区域的HTML

area

元素不存在。 相反，标记上只有一个

div

元素和一个

img

元素。如果我将这些元素的高度和宽度设置为0（使用inspect元素），则地图能够接收标记上的单击事件！但我不知道如何使用CSS或Javascript实现这一点，因为我看不到访问这些元素的方法

问题似乎在于，当谷歌地图检测到移动设备时，它会通过marker

img

元素监听点击事件。在桌面上，它创建了一个

区域

元素，用于点击。那么，有没有办法编辑maps API创建的元素的高度和宽度？或者有没有其他方法可以在手机上设置标记的可点击区域

要模拟我的问题，请按ctrl+shift+I，然后按ctrl+shift+M，然后在显示“响应”的位置选择任何移动设备（iPad最好，因为它更易于导航）。重新加载页面。轻按地图以放置标记，然后轻按该标记。然后，您可以关闭开发工具，重新加载页面，然后再次尝试放置两个标记，以查看应该发生的情况。

如果我删除此行：

标题：'markertitle'，

---

一切正常。出于某种原因，在标记上添加一个标题会在其上创建一个元素来拦截点击。

如果我理解您的问题，这听起来可能是Google Maps JavaScript API v3中的一个bug。你能提供一个例子来说明问题吗？完成。我还发现了这个过程中的问题-如果我删除了标记标题，它会工作。@geocodezip顺便问一下，有没有一种方法可以在JSFIDLE中创建一个google地图示例而不使用我的API密钥？如果你从google的一个示例开始，它们提供了一个工作密钥。还有一个密钥在中起作用，我仍然认为这是一个bug，应该在中报告（除非它已经存在），并带有指向此问题的链接。看起来它已经存在了：