可以谷歌地图＆＃34; pin＆＃34;是HTML代码而不是图像？

Question

我试图在地图内的各个位置显示自定义引脚，但问题是引脚非常动态并且不断变换放大/缩小以及一些搜索参数，所以我想知道如果有办法将自定义引脚创建为Html代码而不是图像。

例如，我想做的是

var marker = new google.maps.Marker({
   position: myLatLng,
   icon: // code here instead of a link to an image.
   map: map
});

这可能吗？

Answer 1

您可以使用RichMarkers来实现此目的。这样，您可以使用CSS将HTML样式化为地图标记：

 marker = new RichMarker({
      position: mapCenter,
      map: map,
      draggable: true,
      content: '<div class="my-marker"><div>This is a nice image</div>' +
        '<div><img src="https://farm4.static.flickr.com/3212/3012579547_' +
        '097e27ced9_m.jpg"/></div><div>You should drag it!</div></div>'
      });