google-maps - 在单点谷歌地图上实现自定义叠加

Question

我想在谷歌地图上具有固定宽度和高度的单个（lat，lng）点上实现 div。有一些示例可以在范围内而不是在单个点上实现覆盖。有人实施了吗？

Answer 1

您可以通过向您的点添加自定义标记来在单个点上创建叠加层。本质上，当您创建标记时，您可以定义一个图标来替换默认的 Google API 标记图标：

    var img = 'http://placehold.it/96/ffffff'
    var marker = new google.maps.Marker({
        position: latLng,
        map: map,
        icon: img // replace google marker with icon
    });

链接到 JSFiddle。

如果您想要一个实际的 HTML div 覆盖在 Google 地图上，您可以将 div 转换为画布，如本教程中所示