什么jQuery地图插件允许指定图钉的颜色？

Question

我已经使用了goMap jQuery插件谷歌地图图钉的一些容易和简单编程配售;不过，我将创建一个网站，同时显示各种“类别”的地点，我想通过使每个组/类别具有不同的颜色来区分它们。

是任何人知道或者如何能在goMap来完成，或者jQuery插件使这可能吗？我没有结婚Google地图; Bing地图也可以。

Answer 1

似乎有两个很好的possibilites。一种是使用gmaps.js（http://hpneo.github.io/gmaps/examples/static_markers.html），它可以让你指定一个像这样的颜色（以如下的添加三个标记的三分之一）：

url = GMaps.staticMapURL({ 
    size: [610, 300], 
    lat: -12.043333, 
    lng: -77.028333, 
    markers: [ 
    {lat: -12.043333, lng: -77.028333}, 
    {lat: -12.045333, lng: -77.034, size: 'small'}, 
    {lat: -12.045633, lng: -77.022, color: 'blue'} 
    ] 
}); 

• ，另一个是goMaps，我已经已经使用过，它有一个图标属性，你可以设置为.png文件。这个例子可以看这里：http://www.pittss.lv/jquery/gomap/examples/marker_multi.php 使用这种代码：

  $（函数（）{ $（ “＃地图”）goMap（{ 标记：[{
  纬度：56.948813， 经度：24.704004， 标题： '标记标题1' }，{ 地址： '莫凯勒米希尔，美国加利福尼亚州'， 标题： '标记标题1' }，{ 纬度：55.548813， 经度：23.204004， draggable：true， icon：'../img/drag.png'， HTML：{ 内容： '我拖！'， 弹出：真 } }]， 图标： '../img/apartment.png' }）; }）;

现在我有一个单独的问题，但是，关于如何使用图钉图像（How can I use a sprite to specify the pushpin png I want to use in a map?）

Answer 2

你并不真的需要一个插件，只需要创建一个不同的标记在你的js，例如：

App.pinColor1 = '37BDED'; 
App.pinColor2 = 'AA0774'; 
App.pinImage1 = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_icon&chld=home|" + App.pinColor1, 
     new google.maps.Size(21, 34), 
     new google.maps.Point(0,0), 
     new google.maps.Point(10, 34)); 
App.pinImage2 = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_icon&chld=books|" + App.pinColor2, 
     new google.maps.Size(21, 34), 
     new google.maps.Point(0,0), 
     new google.maps.Point(10, 34)); 
App.pinShadow = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow", 
     new google.maps.Size(40, 37), 
     new google.maps.Point(0, 0), 
     new google.maps.Point(12, 35)); 

然后在其中创建标记（与其他选项一起）：

App.marker = new google.maps.Marker(
{ 
    icon: App.pinImage1, 
    shadow: App.pinShadow, 
});