我们公司刚从Leaflet.js迁移到Google Maps API; 我一直在寻找一种简单的方法来将HTML/CSS标记/框作为叠加层集成到Google Maps Javascript API v3中.
到目前为止,我已经找到了这个教程:https://developers.google.com/maps/documentation/javascript/overlays#CustomOverlays
然而,我发现它非常笨重,我无法成功地将HTML/CSS代码注入到地图中.
有没有人知道将更多HTML/CSS标记/盒子添加到Google Map的更简单方法？
我可以继续通过为分区指定顶部/左侧坐标然后将它们附加到地图上,使用jQuery到谷歌地图上的标记来破解地图,但这是一个解决方法/黑客,必须有一种简单的方法来集成这些.
提前致谢!
我一直在搜索 Google Map API V3 文档，但找不到任何方法来使用我自己的 html 内容而不是图像在地图上创建自定义图标。我想显示一个动态标记，可以显示文本或我想要的任何内容。
举个例子 ：
<div class="marker">Dynamic text</div>
我看过这个帖子google map api v3: can I use a div instead of an image to create the custom icon? 有人建议使用“自定义覆盖”，但在文档中它只显示图像...我看不出解释如何使用“自定义覆盖”显示图像（如果是为了显示 html 内容）。 http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays
那我该怎么办呢？我应该使用自定义叠加层吗？难道没有什么事情看起来更容易做到吗？