什麼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, 
});