單張 - 如何顯示標記而不是多義線

Question

我目前有一組使用javascript和mySQL很好地聲明緯度/經度點的數組，並且當我使用這組數組顯示爲多段線時，它是成功的。

var polyline = L.polyline（xxx）.addTo（map）;

但是，當我厭倦改變標記時，地圖沒有描繪任何標記。

任何幫助？非常感謝:)

Answer 1

這是因爲L.Polyline，需要多個經緯度座標的嵌套數組作爲第一個參數，L.Marker需要一個單一的數組與lat/lng座標。簽名是不同的：

L.Polyline：

new L.Polyline([[-45, -45], [45, 45]], {/*options*/}); 

L.Marker：

new Marker([-45, -45], {/*options*/}); 

當通過一個嵌套陣列L.Marker，像在折線上面顯示的一個，它拋出錯誤：

Uncaught TypeError: Cannot read property 'lat' of null

如果要使用多段線的座標集t在該行的起點和/或終點o顯示標記，你可以這樣做：

var coordinates = [[-45, -45], [45, 45]]; 

var startMarker = new Marker(coordinates[0], {/*options*/}); 
var endMarker = new Marker(coordinates[1], {/*options*/}); 

正如評論答應另一個更簡單的方法來從一個大的陣列添加標記：

var coordinates = [ 
    [-41.31825,174.80768], 
    [-41.31606,174.80774], 
    [-41.31581,174.80777], 
    [-41.31115,174.80827], 
    [-41.30928,174.80835], 
    [-41.29127,174.83841], 
    [-41.33571,174.84846], 
    [-41.34268,174.82877] 
]; 

coordinates.forEach(function (coordinate) { 
    new L.Marker(coordinate).addTo(map); 
}); 

容易得多不是做：

new L.Marker(coordinate[0]).addTo(map); 
new L.Marker(coordinate[1]).addTo(map); 
new L.Marker(coordinate[2]).addTo(map); 
new L.Marker(coordinate[3]).addTo(map); 
new L.Marker(coordinate[4]).addTo(map); 
new L.Marker(coordinate[5]).addTo(map); 
new L.Marker(coordinate[6]).addTo(map); 
new L.Marker(coordinate[7]).addTo(map); 

工作Plunker例如：http://plnkr.co/edit/3dbJgb?p=preview