谷歌地图：如何HTML元素添加到特定的坐标？

Question

我想知道我并且如果可以在地图上的特定的坐标组添加标准HTML元素（DIV，按钮）？

例如我有一组坐标和我想自定义气球通知附加到他们

定制样式元件

和当我从坐标平移远离所述元件应该消失，并且当我锅回给他们，该元件应重新出现。

是否有可能与谷歌地图这样做呢？

Answer 1

您可以使用自定义叠加 - https://developers.google.com/maps /文档/ JavaScript的/ customoverlays 对于

Answer 2

如罗马说，可以创建一个定制的JavaScript对象，它实现 GOverlay 。

下面是从另一个S.O.一个例子问题在那里的家伙想在谷歌地图的上方插入SVG。不过我敢肯定，你可以用自己的解决方案，只需要插入HTML。

我怎么能覆盖在谷歌地图SVG图？

Answer 3

如果你想创建一个自定义的气球，看到了这个问题：

谷歌地图泡沫模板

Answer 4

是你想看看什么 openInfoWindowHtml 功能。您将需要一个标记先添加到地图中。请查看在谷歌这个例子获取的一个很好的例子，结合漂亮最大化功能。

Answer 5

请参阅这作为最新的谷歌地图API的版本（第三版）基类：

用法：

var rectBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(54.478490, 18.550357),
    new google.maps.LatLng(54.478434, 18.551952)
);
var obj = new overlayText(rectBounds, 'Some<br />HTML', objGMap3);