javascript - Google map v3 - 如何将事件与 Gmap 服务绑定(bind)

Question

我遇到了 Google map v3 的奇怪情况。当用户点击谷歌地图时，我们将我们的注册 div 放在 map 顶部并捕获用户详细信息。但问题是当用户放大他们到达以下情况时

现在假设如果用户点击医院、学校、大学等地方的小图标(不知道在 gmap 方面对这些图标到底说些什么)，它会忽略写入的 Click 事件并且谷歌将 infoWindow 抛出屏幕。

如何禁用此默认行为？如何将我的事件与此绑定(bind)？因此，当用户单击这些图标时(不知道在 gmap 方面对这些图标的确切说法)，他们将在 gmap 上注册我的 div。

Answer 1

当你写到“不知道用 gmap 术语对这些图标说些什么”时，我想:你为什么不干脆去掉它们呢？如果我理解正确的话，您只是对默认的“兴趣点”-图标等感到恼火，哪些“窃取”了您的点击？

您可以使用 styles 从 google map v3 中删除任何内容(是的，所以它只是一个灰色背景) .只需创建一个 styles 数组并将其分配给您的 options :

var styles = [
   {
    elementType: "all",
    featureType: "poi",
    stylers: [{ visibility: "off" }]
   },
   {   
    elementType : "all",
    featureType: "administrative",
    stylers: [{ visibility: "off" }]
   }
];

此处所有管理图标(包括子类别)和所有 poi、“兴趣点”(包括子类别)的 可见性 设置为关闭。 Documentation for all featureTypes .您可以详细说明要在 map 上显示的内容，以及如何显示剩余内容。

在常规选项中使用样式作为参数值，例如

var options = {
  center: mapCenter,
  zoom: 10,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  zoomControl: true,
  streetViewControl: false,
  styles : styles
}

map = new google.maps.Map(document.getElementById("map"), options);

现在您的 map 已针对医院、学校等进行了清理。