在传单中显示.json文件

Question

我有来自http://websoilsurvey.sc.egov.usda.gov/App/WebSoilSurvey.aspx的5个.shp文件 我想将这些.shp文件叠加到传单中的现有图块照片上。

我已经使用ogr2​​ogr将5 .shp文件转换为.json，但我不知道如何将所有这些.json文件添加为我现有的倾斜。任何帮助将不胜感激，谢谢。

Answer 1

Leaflet有一个L.GeoJSON图层，您可以使用该图层在地图上叠加GeoJSON集合。您需要使用您喜欢的XHR / AJAX库加载您的JSON文件，并使用检索到的对象实现GeoJSON层：

// Fetch the geojson file
$.getJSON('data.geo.json', function (data) {
    // Define the geojson layer and add it to the map
    L.geoJson(data).addTo(map);
});

就这么简单。以下是关于Plunker的工作示例：http://plnkr.co/edit/0eP6zm?p=info

传单网站上的L.GeoJSON有一个非常好的教程：http://leafletjs.com/examples/geojson.html这里是API参考：http://leafletjs.com/reference.html#geojson