Google Map v3-如何将事件与Gmap服务绑定

Narendra Singh 发表于 Dev

纳伦德拉·辛格（Narendra Singh）

我对Google Maps v3感到奇怪。当用户点击google map时，我们会将注册信息扔div在地图上并捕获用户详细信息。但是问题是当用户放大到以下情况时

现在假设用户单击医院，学校，学院等地方的小图标（用gmap确切地不知道这些图标的含义），它将忽略编写的Click事件，而google将infoWindow显示在屏幕上。

如何禁用此默认行为？我该如何绑定我的活动？因此，当用户单击这些图标时（就gmap而言，确切不知道该说些什么），他们将在gmap上注册div。

戴维·康拉德

当您编写“不知道确切用gmap表示这些图标要说些什么”时，我想：您为什么不摆脱它们呢？如果我对您的理解正确，那么您会被默认的“兴趣点”图标等烦恼，这些“隐瞒”了您的点击？

您可以使用styles从google map v3中删除所有内容（是的，因此只是灰色背景）。只需创建一个-array并将其分配给您：stylesoptions

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

在此，visibility对于所有管理图标（包括子类别）和所有poi，“兴趣点”（包括子类别）被设置为关闭。所有featureTypes的文档。您可以在地图上显示想要显示的内容，以及如何显示剩余的内容。

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

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);

现在，您的地图已为医院，学校等清洁。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。