我想知道如何以及是否可以将标准 HTML 元素(div、按钮)添加到地图上的一组特定坐标中?
例如,我有一组坐标,我想为它们附加一个自定义气球通知
当我平移远离坐标时,元素应该消失,当我平移回它们时,元素应该重新出现。
谷歌地图可以做到这一点吗?
我想知道如何以及是否可以将标准 HTML 元素(div、按钮)添加到地图上的一组特定坐标中?
例如,我有一组坐标,我想为它们附加一个自定义气球通知
当我平移远离坐标时,元素应该消失,当我平移回它们时,元素应该重新出现。
谷歌地图可以做到这一点吗?
正如罗马所说,您可以创建一个实现GOverlay的自定义 javascript 对象。
这是另一个 SO question 中的一个例子,这个人想在谷歌地图上插入一个 SVG。但是我很确定您可以使用他的解决方案来插入 HTML。
如果您想制作自定义气球,请参阅以下问题:
您要查看的是openInfoWindowHtml
功能。您需要先在地图上添加一个标记。在 Google 上查看这个例子以获得一个很好的例子,并结合了漂亮的最大化功能。
将此视为最新 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);