高德地图加载多个围栏、行政区查询方法

高德地图开放平台行政区查询跳转链接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)})}}
}

效果图

高德地图加载多个围栏、行政区查询方法相关推荐

高德地图加载谷歌地图瓦片
简介苦逼外业实验需要用到无人机采集数据,遂利用高德地图SDK和DJI Mobile SDK开发了一款无人机航线规划软件.当地也不算偏僻,然而高德卫星地图缩放等级约为16,无法满足作业需求.调查了其他 ...
android高德地图瓦片,高德地图加载瓦片分析
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? ##了解瓦片地图瓦片地图:瓦片地图金字塔模型是一种多分辨率层次模型,从瓦片金字塔的底层到顶层,分辨率越来越低,但表示的 ...
vue使用高德地图加载kml文件
在使用 Vue 的项目中使用高德地图加载 kml 文件,你可以这么做: 在高德地图官网上注册开发者账号并申请应用密钥. 在项目中安装高德地图的 JavaScript API,你可以直接在 HTML 文 ...
Android高德地图加载WMS服务应用实践
效果图(灰色两块为自定义瓦片): 需求:在Android高德地图上需要加载wms服务,用于显示自己绘制的瓦片地图. 由于需要在指定的位置添加一小块瓦片地图,所以在制作瓦片地图时需要参照高德地图底图作为 ...
转载：高德地图加载不出来，有高德的logo,但地图一片空白
按照高德官网的文档配置地图加载,在地图上有高德的logo,但是始终加载不到地图,那么你可能遇到这个问题了,请看下面解决办法. 第一步查看:项目的build.gradle中配置的编译版本.运行版本.是不 ...
修复el-amap高德地图加载空白的bug
le-amap 地图加载经常出现白底无法加载的情况 created(){this.clearMapstore()},clearMapstore(){localStorage.removeItem(' ...
高德地图加载kml文件
高德地图可以使用KML(Keyhole Markup Language,关键字标记语言)文件来显示自定义地图数据.KML文件是一种基于XML的文件格式,用于存储地图数据和元数据. 要在高德地图中加载K ...
Android基于高德地图加载自定义网络瓦片(使用geoserver)
公司开发项目使用自己的地图瓦片,由于前端前期使用geoserver,调研后发现高德地图有加载自定义网络瓦片的功能. public class MyTileProvider extends UrlTil ...
android 打包hbuilder 高德地图加载不出来_十一黄金周地图很忙：百度获央视报道，高德忙道歉，究竟谁好用？...
现代人出门,地图几乎成了必备的工具,开车步行规划路线,搜周边的美食旅游景点等.每年的十一黄金周,是出门旅游的高峰期,今年的十一又很特别,中秋跟国庆同一天,8天的假期美滋滋. 十一虽然已经过去了几天,但 ...

高德地图加载多个围栏、行政区查询方法

高德地图加载多个围栏、行政区查询方法相关推荐

最新文章

热门文章