?高德地圖開放平臺行政區查詢跳轉鏈接https://lbs.amap.com/api/jsapi-v2/guide/services/district-search高德地圖行政區邊界查詢官方演示https://lbs.amap.com/demo/jsapi-v2/example/district-search/draw-district-boundaries

export default {data() {return {feld: [[[123.435784,41.848393],[123.469704,41.855683],[123.431909,41.835569],[123.486417,41.84349]],[[123.355632,41.855683],[123.35597,41.838587],[123.392252,41.861716],[123.382127,41.837581]]]}}methods: {loadMap() {AMapLoader.load({key: ' 1451fsgsgg', // 申請好的Web端開發者Key，首次調用 load 時必填version: '1.4.15', // 指定要加載的 JSAPI 的版本，缺省時默認為 1.4.15plugins: ['AMap.DistrictSearch','AMap.Geolocation','AMap.Autocomplete','AMap.PlaceSearch','AMap.Scale','AMap.OverView','AMap.ToolBar','AMap.MapType','AMap.PolyEditor','AMap.CircleEditor'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等AMapUI: {// 是否加載 AMapUI，缺省不加載version: '1.1', // AMapUI 缺省 1.1plugins: [] // 需要加載的 AMapUI ui插件},Loca: {// 是否加載 Loca， 缺省不加載version: '1.3.2' // Loca 版本，缺省 1.3.2}}).then((AMap) => {console.log(this.feId)if (this.feId[0].length > 0) {var map = new AMap.Map('container2', {resizeEnable: true,zoom: 10,center: this.feId[0][0]})for (var x = 0; x < this.feId.length; x++) {// 獲取地區圍欄多邊形集合var bounds = []bounds.push(this.feId[x])var polygons = []console.log(bounds)if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {// 生成行政區劃polygonvar polygon = new AMap.Polygon({// map: map,strokeWeight: 1,path: bounds[i],fillOpacity: 0.7,fillColor: '#CCF3FF',strokeColor: '#CC66CC'})polygons.push(polygon)}}map.add(polygons)this.getTraceById(map)// 地圖自適應map.setFitView()}}}).catch((e) => {console.log(e)})}} }

效果圖

總結

以上是生活随笔為你收集整理的高德地图加载多个围栏、行政区查询方法的全部內容，希望文章能夠幫你解決所遇到的問題。

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