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

Question

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

Answer 1

这是一个很棒的小图书馆：RichMarker。其文档为here。

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

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>');