如何在地图上放置数字而不是通用标记?

时间:2013-12-12 09:04:38

标签: google-maps google-maps-api-2

在谷歌地图中如何在地图上输入数字而不是通用数字(如果列出的多个图标数量意味着数字必须像1,2,3一样增加)

而不是

  var iconBlue = new GIcon(); 
iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
iconBlue.iconSize = new GSize(12, 20);
iconBlue.shadowSize = new GSize(22, 20);
iconBlue.iconAnchor = new GPoint(6, 20);
iconBlue.infoWindowAnchor = new GPoint(5, 1);

这可能在谷歌地图??? 在这里我发现了一些链接,但它没有用。

1 个答案:

答案 0 :(得分:0)

无法使用当前的API(v3) - 但您可以使用StyledMarker Library。它扩展了marker类,并允许您设置图标的样式并将文本放在图标内(如果您也想要)(这是我相信您正在寻找的)。只需在您的应用程序中包含该脚本(在加载Maps API脚本之后)。然后像常规StyledMarker对象一样添加marker

var styleMaker1 = new StyledMarker({
    styleIcon: new StyledIcon(StyledIconTypes.MARKER, {
        color: "FFFFFF",
        text: "1" //this is where you'll set your incremented value
    }),
    position: myLatLng,
    map: map
});

以下是它的外观:http://jsfiddle.net/svigna/7L2wY/