GoogleMaps - 多種顏色的多標記

-1

我正在嘗試製作帶有一些標記的漂亮谷歌地圖。我在網絡中發現了一些非常方便的解決方案，它幾乎涵蓋了我的所有需求：D我想在地圖上着色銷/標記。GoogleMaps - 多種顏色的多標記

好，努力使工作的jsfiddle，但不幸的是，出事了:(這樣你就不會看地圖，但也有所有代碼:) http://jsfiddle.net/hf37ftra/9/

// Multiple Markers 
var markers = [ 
    ['Marker_name', 51.113882,17.070474], 
];

這部分負責爲了顯示多個標記，我可以以某種方式在這裏定義標記的顏色（我知道這是可能的，因爲我已經找到了教程來改變所有的標記顏色，但是我想讓我們說4-5個不同顏色的標記）？

後面的代碼是每個標記的自定義信息框的一部分，所以也許可以這樣做:) 謝謝！

來源

2014-10-17 zel

您可以使用類似：

var markers = [ 
     ['Starter', 51.113882,17.070474,'icon1.png'], 
    ];

，改變你的構造函數：

 [...] 
    marker = new google.maps.Marker({ 
     position: position, 
     map: map, 
     title: markers[i][0], 
     icon: markers[i][3] 
    });

來源

2014-10-17 12:13:13 SamiX

哇，在我自己的答案前44秒！：D – zel 2014-10-17 12:14:47

很酷，你自己做了;） – SamiX 2014-10-17 12:17:24

在您的for循環：

var position = new google.maps.LatLng(markers[i][1], markers[i][2]); 
    bounds.extend(position); 
    marker = new google.maps.Marker({ 
     position: position, 
     map: map, 
     title: markers[i][0]

您可以添加有額外的行：

icon: 'brownMarker.png'

來源

2014-10-17 11:50:23 Sharky

是的，我讀過關於該課程的API文檔:) 但是，當您查看我提供的代碼時，您會注意到，定義新標記及其信息窗口比定義每一個新的。所以也許我已經說過一個問題有點不對 - 根據我的代碼，我可以添加標記顏色的一些自定義功能，而不需要重新編寫代碼:) – zel 2014-10-17 12:02:59

嗯，我喜歡的計算器，當我可以部分日常學習新的東西別人:)

// Multiple Markers 
var markers = [ 
    ['Title', 51.113882,17.070474, 'http://youriconaddress'], 
];

然後，只是一些小的幫助：

// Loop through our array of markers & place each one on the map 
for(i = 0; i < markers.length; i++) { 
    var position = new google.maps.LatLng(markers[i][1], markers[i][2]); 
    bounds.extend(position); 
    marker = new google.maps.Marker({ 
     position: position, 
     map: map, 
     title: markers[i][0], 
     icon: markers[i][3] // [3] tells JS to take third 'argument' from markers variable, from each one. 
    });

這樣，你可以根據需要添加儘可能多的參數，擁有一個非常好的簡單工具來製作更好的谷歌地圖！

來源

2014-10-17 12:13:57 zel

GoogleMaps - 多種顏色的多標記

回答

相關問題