使用Google Maps Javascript API v3的HTML/CSS标记

Question

我们公司刚从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到谷歌地图上的标记来破解地图,但这是一个解决方法/黑客,必须有一种简单的方法来集成这些.

提前致谢!

Answer 1

您可能需要检查google.maps.InfoWindow（https://developers.google.com/maps/documentation/javascript/overlays#InfoWindows）和google.maps.Marker（https://developers.google.com/maps/documentation/javascript/reference#Marker）谷歌地图。您在页面上应用的任何 CSS 也将应用到 InfoWindow。