在 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