Google Maps Javascript API自定义标记号

Question

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

Answer 1

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

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

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

Answer 2

在3.21版（2015年8月）的Google地图中添加了对单字符标记标签的支持。 查看新的标记标签API 。 不幸的是，这仅限于个位数 ，因此如果您需要2位数字，您仍需要使用像RichMarker这样的附加库。

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

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