6

我想知道如何以及是否可以将标准 HTML 元素(div、按钮)添加到地图上的一组特定坐标中?

例如,我有一组坐标,我想为它们附加一个自定义气球通知

带有附加到一组坐标的自定义样式元素的谷歌地图

当我平移远离坐标时,元素应该消失,当我平移回它们时,元素应该重新出现。

谷歌地图可以做到这一点吗?

4

5 回答 5

5

您可以使用自定义覆盖 - https://developers.google.com/maps/documentation/javascript/customoverlays

于 2010-01-27T22:19:18.790 回答
3

正如罗马所说,您可以创建一个实现GOverlay的自定义 javascript 对象。

这是另一个 SO question 中的一个例子,这个人想在谷歌地图上插入一个 SVG。但是我很确定您可以使用他的解决方案来插入 HTML。

如何在 Google 地图上叠加 SVG 图?

于 2010-01-27T22:23:11.243 回答
1

如果您想制作自定义气球,请参阅以下问题:

谷歌地图气泡模板

于 2010-01-27T22:43:09.047 回答
0

您要查看的是openInfoWindowHtml功能。您需要先在地图上添加一个标记。在 Google 上查看这个例子以获得一个很好的例子,并结合了漂亮的最大化功能。

于 2010-01-27T22:24:41.913 回答
-1

将此视为最新 Google Maps API 版本 (v3) 的基类

用法:

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);
于 2010-05-26T17:49:12.907 回答