亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 LeafletJS 在地圖上繪制邊界

使用 LeafletJS 在地圖上繪制邊界

慕容森 2023-12-14 15:22:21
我開始使用可以生成地圖的代碼。我現在認為 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);那么,是我想多了,還是事情就是這樣?
查看完整描述

1 回答

?
藍山帝景

TA貢獻1843條經驗 獲得超7個贊

您可以創建一個函數來獲取縣幾何形狀并將其添加到地圖中。嘗試以下代碼:


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')


查看完整回答
反對 回復 2023-12-14
  • 1 回答
  • 0 關注
  • 234 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號