用于Google地图的动态编号的自定义图标标记

我已经看到很多用于动态生成标记图标上的数字的示例。其中一个我发现是谷歌图表apis。 This部分解决了我的问题。编辑我的代码后，我能够生成数字，如下所示。
但是可以添加一个像这样的自定义图标http://s7.postimage.org/wg6bu3jpj/pointer.png，然后通过它生成数字？用于Google地图的动态编号的自定义图标标记

function addMarker(id,location,address,facility,name,ratings) 
    { 


     marker = new google.maps.Marker(
     { 
      position: location, 
      map: map, 
      animation: google.maps.Animation.DROP, 
      icon: 'https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld='+id+'|FF776B|000000', 
      shadow:'https://chart.googleapis.com/chart?chst=d_map_pin_shadow' 
     });

来源

2012-12-14 Mirage

此图表api现在已被弃用，根据修订后的“条款和条件”，谷歌将仅提供一年的支持。

我认为最好的方法是在服务器端创建标记。如果您的应用程序需要显示有限数量的标记（例如，一次最多显示25个），那么您可以将它们放在服务器上。图像处理工具以Java或任何其他编程语言提供。

这是一个使用java的简短片段。

BufferedImage image = null; 
try { 
    image = ImageIO.read(new File("/path/to/base/icon")); 
} catch (IOException e) { 
    e.printStackTrace(); 
} 

Graphics g = image.getGraphics(); 
g.setFont(g.getFont().deriveFont(30f)); 
g.drawString("1", x, y); // x,y are points where you want to add the number 
g.dispose(); 

try { 
    ImageIO.write(image, "png", new File("test.png")); 
} catch (IOException e) { 
    e.printStackTrace(); 
}

您可以使用for循环来创建所需数量的标记标记。

来源

2013-06-27 08:33:06 AbhinavRanjan

用于Google地图的动态编号的自定义图标标记

回答

相关问题