Leaflet从USPS EDDM路由JSON数据创建地图/多边形

Posted 2021-04-13

我是绿色的传单，很难从邮局EDDM API的JSON数据中查找有关如何在地图上创建多边形和信息的信息

这是一些示例数据https://gis.usps.com/arcgis/rest/services/EDDM/selectZIP/GPServer/routes/execute?f=json&env%3AoutSR=4326&ZIP=33510&Rte_Box=R&UserName=EDDM

我正在创建这样的东西，我只需要弄清楚如何让JSON数据显示在地图上。只是想找个地方开始吧。 http://www.imagemedia.com/emap/emap.html

我所拥有的是一张以下面代码开头的空白地图

    var BING_KEY = 'XXXXXXXXX';
    var map = L.map('map').setView([27.956046, -82.312629], 15);
    var bingLayer = L.tileLayer.bing(BING_KEY).addTo(map);

答案

看起来您可以轻松地从该数据源中获取features.geometry.path并将其推送到传单geoJSON层中而不会有太多麻烦。似乎数据是MultiLineString：

var uspsGeoJSON = L.geoJson().addTo(map);

uspsGeoJSON.addData({
    "type": "Feature",
    "properties": usps_features["attributes"],
    "geometry": {
        "type": "MultiLineString",
        "coordinates": usps_features["geometry"]["paths"]
    }
});

这应该让你开始：

http://jsfiddle.net/nb3ue10p/