带有自定义编号的Google地图标记

时间:2013-04-24 19:12:22

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

我有一个Google地图标记功能,可以在地图上成功创建标记,如下所示:

 // A function to create the marker and set up the event window
  function createMarker(point,html) {
    var marker = new GMarker(point,{title:html});
    GEvent.addListener(marker, "click", function() {
      marker.openInfoWindowHtml(html);
    });
    return marker;
  }

以下是现有代码的一小部分:http://tinyurl.com/b8f9b4l

使用此解决方案:Google maps: place number in marker?

我已经更新了这行代码,但它没有编号。我做错了什么?

var marker = new GMarker(point,{title:html,icon:'icon: \'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld='+ (position) +'|FF776B|000000',});

1 个答案:

答案 0 :(得分:1)

icon属性只需要是url。你不需要额外的“icon:”,你应该在最后删除额外的逗号(IE似乎在找到悬空逗号时抛出异常)。另外,你不需要括号 - 但可能不会伤害任何东西。

{
title:html,
icon: 'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=' + position +'|FF776B|000000'
}

我知道你有什么想法。 Idk为什么他/她得到了一点。额外的“图标:”会让它变得混乱。

尝试将其作为测试,它应该确保您对网址中的变量没有任何问题。

{
title:html,
icon: 'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=4|FF776B|000000'
}