使用 LeafletJS 在地图上绘制边界

Question

我开始使用可以生成地图的代码。我现在认为 OSM (OpenStreetMaps) 是一个很好的解决方案。LeafletJS还使得基于OSM绘制地图变得非常容易。到目前为止，一切都很好。我希望能够画出一个县的轮廓（边界），并试图了解这个过程会是什么样子。我是先打电话寻找坐标，然后将它们传递到传单中还是有更好的方法？我可以使用 Nominatim API 获取边界，但调用如下：https://nominatim.openstreetmap.org/ui/search.html?state=tx&county=Lee我可以在传单中绘制区域，如下所示：var polygon = L.polygon([    [51.509, -0.08],    [51.503, -0.06],    [51.51, -0.047]]).addTo(mymap);那么，是我想多了，还是事情就是这样？

Answer 1

您可以创建一个函数来获取县几何形状并将其添加到地图中。尝试以下代码：

function drawCountyBoundary(county, state)

{

    url = `https://nominatim.openstreetmap.org/search.php?county=${county}&state=${state}&polygon_geojson=1&format=jsonv2`

    fetch(url).then(function(response) {

    return response.json();

  })

  .then(function(json) {

    geojsonFeature = json[0].geojson;

    L.geoJSON(geojsonFeature).addTo(map);

  });

}

drawCountyBoundary('Lee', 'Tx')