前端解决百度地图地址逆解析（BMap.Geocoder()）异步问题

需求：将接口返回的坐标数据转换成详细的地址并渲染在页面上

问题：页面先渲染，地址后解析，导致渲染时没有数据显示

解决方法：new Promise()

// 处理导出轨迹明细地址解析异步操作getPosition(data) {return new Promise((resolve, reject) => {const temp = {};let point = new BMap.Point(data.longitude, data.latitude);let geoc = new BMap.Geocoder();geoc.getLocation(point, (result) => {let addr = result.addressComponents;var full_address =addr.city + addr.district + addr.street + addr.streetNumber;temp.position = full_address;return resolve(temp);});});}

在想要获取转换后的地址数据的地方调用

exportFu() {var params = {imei: this.imei,start_time: start,end_time: end,};this.$where.track.history(params).then(async (data) => {if (data.length == 0) {}for (let i = 0; i < data.length; i++) {const temp = await this.getPosition(data[i]);this.exportData.push({address: temp.position,});}});}

前端解决百度地图地址逆解析（BMap.Geocoder()）异步问题相关推荐

php 腾讯地图地址逆解析根据经纬度获取地址信息
弄了个小程序的定位,需要获取到地址信息前端想站着把钱挣了,所以我就需要把经纬度转成地址信息返回原文档地址:腾讯开发文档其实简单,就是拼接一下参数就好这里直接放码,下次用直接复制就好 funct ...
微信公众号-定位之地址逆解析导航
在微信JS_SDK工具包中为我们提供了地理定位的功能,但是该接口只返回了经纬度并没有返回准确的位置信息,此时我们可以通过调用腾讯地图的方法进行地址逆解析. 1. 获取地理位置接口 wx.ready(f ...
在H5中使用腾讯地图,实现定位,距离计算,实时搜索,地址逆解析
在H5中使用腾讯地图,实现定位,距离计算,实时搜索,地址逆解析 1.创建应用 2.下载微信sdk包 3.安装`vue-jsonp` 4.使用获取当前位置信息,逆解析地址路线规划,距离计算实时搜索 ...
前端基于百度地图实现考勤签到功能
考勤打卡关键点:获取当前位置.设置考勤点.计算两点距离判断是否在范围内. 引入百度地图API <script type="text/javascript" src=" ...
使用百度地图API 逆地址解析
使用百度地图API 逆地址解析 .数据库中查询出地址,调用百度API解析 <script type="text/javascript" src="http://ap ...
解决百度地图多个标注覆盖不能响应点击的问题
百度地图开发常用网站 1.百度地图开放平台 http://lbsyun.baidu.com/ 2.百度地图 Javascript API JavaScript API v3.0 http://lbsy ...
调用百度地图地址下拉搜索栏爬坑
调用百度地图地址下拉搜索栏爬坑问题描述在项目编写的过程中,我将调用百度API的部分封装成了一个组件,以便后续的调用.在组件的各项显示中,都能顺利显示,并且调用.但,我将组件调用后,发现,搜索提示栏 ...
完美解决百度地图MarkerClusterer 移动地图时，Marker 的Label 丢失的问题
完美解决百度地图MarkerClusterer 移动地图时,Marker 的Label 丢失的问题参考文章: (1)完美解决百度地图MarkerClusterer 移动地图时,Marker 的Lab ...
java百度地图逆地址解析_web前端通过百度地图API批量逆解析地址
前言最近碰到一个需求,就是将我们系统中要导出一系列的工作数据,这里面有一个需求就是根据工作人员的经纬度去获取他可能的位置.说到这里大家肯定能想到用地图API了,我这里用的是百度地图的API(详情可参 ...

前端解决百度地图地址逆解析（BMap.Geocoder()）异步问题

前端解决百度地图地址逆解析（BMap.Geocoder()）异步问题

需求：将接口返回的坐标数据转换成详细的地址并渲染在页面上

问题：页面先渲染，地址后解析，导致渲染时没有数据显示

解决方法：new Promise()

前端解决百度地图地址逆解析（BMap.Geocoder()）异步问题相关推荐

最新文章

热门文章