?高德地圖開放平臺(tái)行政區(qū)查詢跳轉(zhuǎn)鏈接https://lbs.amap.com/api/jsapi-v2/guide/services/district-search高德地圖行政區(qū)邊界查詢官方演示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', // 申請(qǐng)好的Web端開發(fā)者Key，首次調(diào)用 load 時(shí)必填version: '1.4.15', // 指定要加載的 JSAPI 的版本，缺省時(shí)默認(rèn)為 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++) {// 獲取地區(qū)圍欄多邊形集合var bounds = []bounds.push(this.feId[x])var polygons = []console.log(bounds)if (bounds) {for (var i = 0, l = bounds.length; i < l; i++) {// 生成行政區(qū)劃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)// 地圖自適應(yīng)map.setFitView()}}}).catch((e) => {console.log(e)})}} }

效果圖

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。