如何将两个geoJSON要素集合添加到两个图层组中

时间:2015-02-16 04:48:17

标签: javascript leaflet openstreetmap

我有两个geoJSON要素集需要添加到地图中,我还希望通过图层可见性控制器打开和关闭它们,如http://leafletjs.com/examples/layers-control.html

所示

我该怎么做?

2 个答案:

答案 0 :(得分:9)

还有一个关于L.GeoJSON,Leaflet的GeoJSON图层使用的非常好的教程,可以在这里找到:http://leafletjs.com/examples/geojson.html这里是L.GeoJSON的参考:http://leafletjs.com/reference.html#geojson您已经在L.control.layers上找到了教程,以下是它的参考:http://leafletjs.com/reference.html#control-layers

实际上这很简单,只需要创建一个图层控件,通过使用您喜欢的XHR库将GeoJSON文件加载到您的脚本中,使用检索到的数据来定义{{ 1}}图层并将其添加到图层控件中。在代码中:

L.GeoJSON

关于Plunker的一个工作示例:http://plnkr.co/edit/tFVrrq?p=preview

答案 1 :(得分:0)

由于您在加载GeoJSON时创建了一个图层,因此您可以将其作为叠加图层添加到图层控件中(只需修改该示例并替换城市图层。