Google Maps Javascript API自定义标记号

Question

我使用谷歌地图javascript api V3为我的标记使用自定义图像，我想知道是否有人知道如何超级强加一个数字。我有一个盒子图像，我需要动态地在框中放置一个数字。我不知道是否有这样做的风格方式，或者有人可以通过javascript告诉我如何做到这一点。

Answer 1

您可以使用地图实用程序库（http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries）。 RichMarker＆amp; styledMarker（向下滚动页面）可能对您最有用。

选项2 - 您可以滚动自己的实现覆盖类（需要一些工作）。示例在这里http://gmaps-samples-v3.googlecode.com/svn/trunk/overlayview/custommarker.html

选项3 - （更乏味）是创建带有数字的自定义标记图像。

Answer 2

版本added to Google Maps中3.21支持单字符标记标签（2015年8月）。请参阅new marker label API。很遗憾，这是limited to single digits，因此如果您需要2位数字，您仍然需要使用像RichMarker这样的附加库。

您现在可以像这样创建标签标记：

var marker = new google.maps.Marker({
  position: new google.maps.LatLng(latitude, longitude), 
  icon: markerIcon,
  label: {
    text: '1'
  }
});