如何在Google地图上将自定义DIV元素显示为标记？

Question

我希望能够在Google Map(V3 API)上显示自定义DIV元素作为标记,但它似乎只允许使用图像.有没有办法使用标准的谷歌地图API？

Answer 1

这是一个很棒的小库：RichMarker。它的文档在这里。

您可以使用content传递给构造函数的 json 对象的属性，如下所示：

var marker = new RichMarker({
      position: yourLatLng,
      map: yourMap,
      content: '<div class="my-flexible-marker">initial content</div>'
});

然后用以下方法更改内容setContent：

marker.setContent('<div class="my-flexible-marker">new content</div>');