vue高德地图省市区，区域划分。district.search 一直报no

写完后会发现有报错

// 创建地图renderBmap() {this.bmap = new AMap.Map("container", {resizeEnable: true, // 是否监控地图容器尺寸变化zoom: 12, // 初始化地图层级// center: [121.470584, 31.403409], // 初始化地图中心点center: [120.565127, 30.630375],});// this.bmap.setMapStyle("amap://styles/darkblue");// console.log(this.bmap, "this.bmapthis.bmapthis.bmap33333333333")let opts = {subdistrict: 1,// 是否返回行政区边界坐标点extensions: "all",// 设置查询行政区级别为 市level: "city",};let that = this;// 创建DistrictSearch对象const district = new AMap.DistrictSearch(opts);district.search("桐乡市", function (status, result) {console.log(status, result);let bounds = result.districtList[0].boundaries;console.log(bounds.length);for (let i = 0; i < bounds.length; i += 1) {// 绘制边界线new AMap.Polyline({path: bounds[i],strokeColor: "#0dcdd1",strokeWeight: 4,map: that.bmap,});}});},

会发现 district.search 后 status，result打印会分别是no_data 和 {}。

这是因为高德地图自2021年12月02日升级，此次升级之后申请的key必须配备安全密钥一起使用。

创建key的时候这样选

创建后显示有个密钥

然后在index.html文件中引入

 <script type="text/javascript">window._AMapSecurityConfig = {securityJsCode: '密钥',  //密钥}</script><script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.15&key=申请的key&plugin=AMap.DistrictSearch"></script>

vue高德地图省市区，区域划分。district.search 一直报no_data相关推荐

vue 高德地图不同区域显示不同颜色_高德百度哪家强？苹果Carplay第三方分屏功能评测...
几天前,苹果公司正式更新了iOS13.4版本.一个小版本系统更新,却让车主群热闹了起来.在这个版本中,苹果正式开放了Carplay分屏显示模式下对第三方地图的支持. 车主们的热情,化为高德地图和百度地 ...
vue 高德地图不同区域显示不同颜色_老司机频繁掉沟里，高德百度腾讯地图导航到底该怎么选？...
导航类app发展至今,基本形成了三分天下的局面:高德.百度.腾讯,然而事实真的是三家平分天下么?三款不同的地图导航软件各有优缺点,至于什么路况选择哪个软件导航似乎更是一门玄学? 很多人想知道高德地图. ...
vue 高德地图不同区域显示不同颜色_高德地图车机版4.0解析：看不见的升级才是重点...
近日,高德正式发布高德地图车机版(AMAP AUTO)4.0. 自2016年初高德地图车机版(AMAP AUTO)首次亮相后,此次正式推出的4.0版本,已经是该智能车载导航产品的第三次大升级. 在车云 ...
vue 高德地图不同区域显示不同颜色_联测科技丨高德地图不仅仅是拿来导航的...
高德地图不仅仅当做一个导航工具,他还有许多不一样的用途. 隐藏功能一:制作高大上的PPT地图高德地图强悍的功能,我们需要进入这个网站:https://lbs.amap.com,也就是高德开放平台. ...
vue 高德地图不同区域显示不同颜色_没想到高德地图还能这么用，简直是PPT图表神器！...
本文转自:公众号"旁门左道PPT" 作者:邵云蛟提到高德地图,相信咱们每一个人都不会陌生,日常用来导航,也可以用来打车,一次呼叫8种车型,非常方便: 但是,如果你把它仅仅当做一个 ...
高德地图api district.search一直报no_data
// 行政区划查询let opts = {subdistrict: 1, // 返回下一级行政区showbiz: false, // 最后一级返回街道信息level: 'city'}this.dist ...
vue+高德地图绘制路径
一.vue+高德地图开发最近开发项目地图用的比较频繁,比如高德地图.百度地图或者echars地图,而且大都是用来做路径展示,所以今天说说高德地图的使用(非全面的高德地图使用) 使用的是vue cli ...
Vue+高德地图API的使用(定位打卡)
接上之前的项目 Vue+高德地图API的使用 Vue+高德地图API的使用(插件的使用) 1.页面布局绘制页面 <div class="Clock"><!-- ...
利用vue+高德地图API 实现用户的运动轨迹
利用vue+高德地图API 实现用户的运动轨迹高德地图网址:https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare 任务一:实现地图显示先完成准备工 ...

vue高德地图省市区，区域划分。district.search 一直报no_data

vue高德地图省市区，区域划分。district.search 一直报no_data相关推荐

最新文章

热门文章