在Mapbox中添加幾個geoJSON圖層

Question

我有兩個geoJSON文件，一個用於繪製線條（states.js），另一個用於在地圖上添加標記（marker.js）。

但是，當我添加一行應該添加標記圖層的代碼時，沒有任何工作。

var markerLayer = L.mapbox.featureLayer(markers).addTo(map); 

我該怎麼辦？我認爲featureLayer可以添加多個圖層，但它看起來不太好。非常感謝幫助。

工作的例子到目前爲止，我已經遵守了Plunker

例子是here。

Answer 1

一些事情在這裏錯了。你忘了聲明全局L.mapbox.accessToken：

L.mapbox.accessToken = 'pk.eyJ1Ijoia2thZ2lsbCIsImEiOiJjaWdsdmJjeWkwMjMwdWFrcjI4eGZ3MGd2In0.WslWCpxaXxUOgUZP_VT1cg'; 

您要添加的statesData兩次，一次在L.mapbox.featureLayer，一次在一個L.GeoJSON：

var statesLayer = L.mapbox.featureLayer(statesData).addTo(map); 

statesLayer = L.geoJson(statesData, { 
    style: style, 
    onEachFeature: onEachFeature 
}).addTo(map); 

一旦是綽綽有餘：這裏有一個例子Plunker：http://plnkr.co/edit/kV8h69VJt2jtpqwdCpJo?p=preview