谷歌地图Javascript API自定义标记号码

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

来源

2012-01-12 Red

您可以使用地图实用程序库（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 - （更乏味）是创建带有数字的自定义标记图像。

来源

2012-01-12 00:50:37 Michal

真是一个伟大的职位！你的第一个链接是惊人的:) – Ron 2012-08-24 08:30:04

第二个链接被打破。 – KOB 2017-05-08 19:24:21

对单个字符标记标签的支持是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' 
    } 
});

来源

2015-09-09 11:04:35 robd

谷歌地图Javascript API自定义标记号码

回答

相关问题