1

我是 Google Maps API 的新手，一直在寻找自定义标记的方法。提供的 API 只允许我更改图标，但我真正需要的是将 HTML 内容传递给标记。我想将一些数据（例如数字）传递给标记，当用户单击标记时，更多详细信息将显示在 infoWindow 中。（类似这个网站）

起初，我认为它类似于 Instagram 照片地图，你有一个区域内的照片摘要。但后来我意识到这更像是一个markerClusterer，它只是计算范围内的标记总数（如果我错了，请纠正我）。

我仍然找不到在标记上显示自定义数据的任何方法。如果没有可用的默认 API，我可以使用任何插件吗？

PS第一次发问题，希望清楚！非常感谢您的帮助！！！！

4

2 回答 2

1

基本上你在链接地图上看到的不是真实的google.maps.Markers，你看到的是自定义叠加。使用自定义覆盖，您可以在地图上绘制任何 HTML 内容，例如这些标签。

您可以使用内置方法来绘制这些叠加层，也可以使用类似infobox的库

于 2013-02-06T13:31:19.293 回答
0

您可以使用styledmarker库自定义标记。该库用于创建可以以不同方式设置样式的标记，例如更改颜色或形状，或添加文本标签。下面是如何将此库与 XML 一起使用的示例。

for (var i = 0; i < markers.length; i++) {  
      var text = markers[i].getAttribute("text");
      var point = new google.maps.LatLng(
          parseFloat(markers[i].getAttribute("lat")),
          parseFloat(markers[i].getAttribute("lng")));
     var styleMaker = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"00ff00",text:text}),position:myLatLng,map:map});

}

我有一个DEMO使用它与使用 XML 的 2 个表状态中心和美国城市的数据库。标记显示州和州内城市的数量。

于 2013-02-06T18:16:50.190 回答