全國區域的三級行政區鉆取

高德地圖實現全國區域,所有省/市/區域(街道)的鉆取

三級行政區鉆取的實現方式有許多種,echarts,amap也能實現,重點數據問題,假如只是針對某一個固定區域(比如某個省或者市),我們可以把那個區域的 geojson 下載下來自己做渲染.但是我做的是全國區域的鉆取,并且需要到街道級別,所以用自己的數據渲染是不太現實的.根據調研,最后選用高德地圖的DistrictLayer實現鉆取功能,其本身也是有一些限制問題的,所以有了amap-drill這個簡單插件.

amap-drill

倉庫地址，倉庫文檔要更詳細一些，代碼量不多，也可以直接看源碼
該庫已發布到npm

實現原理

通過AMap.DistrictLayer顯示行政區域,官方文檔;通過高德的web api 行政區域查詢獲取行政區域信息進行鉆取;你需要申請web api的key，和map key是不同的，接口請查看官方文檔

該插件并不完善,有很多不足的地方,歡迎issue或者拉請求

如何使用

const countryDisLay = new AMap.DistrictLayer.Country({zIndex: 10,SOC: "CHN",depth: 1,backgroundColor: "red",styles: {fill: "#ffffff",backgroundColor: "red",}, }); let map = new AMap.Map("map", {zooms: [3, 18],showIndoorMap: false,showLabel: true,center: [120, 30],zoom: 4,resizeEnable: true,isHotspot: true,defaultCursor: "pointer",touchZoomCenter: 1,layers: [countryDisLay],pitch: 0,viewMode: "3D", }); let mapDirll = new MapDrill(map, {// 如果要使用drillTo需要提供,以查詢該區域的相關信息webApiKey: '高德web api key'// 其他配置 }); mapDirll.drillTo('北京市') mapDirll.drillTo(632524)

總結

以上是生活随笔為你收集整理的高德地图三级行政区钻取的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。