在Mapbox中添加几个geoJSON图层

时间:2015-12-17 10:04:38

标签: mapbox geojson

我有两个geoJSON文件,一个用于绘制线条(states.js),另一个用于在地图上添加标记(marker.js)。

但是,当我添加一行应该添加标记图层的代码时,没有任何作用。

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

我该如何处理?我认为featureLayer可以添加多个图层,但它看起来效果不佳。非常感谢帮助。

到目前为止的工作示例:Plunker

示例我关注的是here

1 个答案:

答案 0 :(得分:0)

这里有些不对劲。您忘了申报全局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