uniapp 中通过经纬度获取地址详情(vue)

需要第三方地图的支持本文以百度地图为例

第一步安装百度地图插件 npm install vue-baidu-map --save 成功后在main.js 中引入百度地图

import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {ak: "rQxHPQX1ua21rWnXzTbUh5KSSUbnefxR"//你自己的ak
})

第二部在页面中添加百度地图组件此步骤必须有，不用显示直接 v-show="false"

<view v-show="false"><baidu-map @ready="onMapReady"/>
</view>

第三部获取到当前经纬度信息使用 uniapp 提供的API uni.getLocation({}) ，把返回的经纬度信息提供给百度地图转换为具体地址

getLocation(){let _this = thisuni.getLocation({type: 'wgs84',success: function (res) {var point = new _this.BMap.Point(res.longitude,res.latitude);var gc = new _this.BMap.Geocoder();gc.getLocation(point, function(rs){rs = JSON.parse(JSON.stringify(rs))  _this.province =  rs.addressComponents.province;_this.city = rs.addressComponents.city;_this.county = rs.addressComponents.district || rs.addressComponents.city;});},fail: function (res) {console.log(res);},});
},

下图是返回的地址信息需要通过JSON.parse(JSON.stringify(rs)) 深拷贝一下，取值就方便多了

uniapp 中通过经纬度获取地址详情(vue)相关推荐

vue 高德地图API根据地址获取经纬度/根据经纬度获取地址
1.引入 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&am ...
百度地图根据经纬度获取地址
2019独角兽企业重金招聘Python工程师标准>>> 百度地图根据经纬度获取地址查询地址要内部实现MKSearchListener接口 Java代码 public class S ...
python根据地址获取经纬度，通过经纬度获取地址并反写入excel
import time import requests import pandas as pd from pandas import DataFrame import xlrddeveloper_ke ...
根据经纬度获取地址 :位置名称区市省国家邮编
方式1: 根据经纬度获取: 省市区位置名称 import java.net.URL; import java.util.HashMap; import java.util.Map; import ...
如何通过经纬度获取地址信息？
#阅读原文摘要 Google Maps API Web Services,是一个为您的地图应用程序提供地理数据的 Google 服务的 HTTP 接口集合.具体包括:Google Geocoding ...
java根据经纬度获取地址(百度地图)
先创建HttpClientUtils工具类 package cn.crenative.lockinlife.util;import com.google.common.base.Function; i ...
java后端根据经纬度获取地址（高德地图）
1.申请高德地图key 2.逆地理编码(坐标->地址)-地理X: https://lbs.amap.com/demo/jsapi-v2/example/geocoder/regeocoding ...
通过地址获取经纬度和通过经纬度获取地址
1.通过地址获取该地址的经纬度 /** * @param addr * 查询的地址 * @return * @throws IOException */public Object[] getCoord ...
android定位数据在移动,android - 在我的Wi-Fi和移动数据关闭的情况下，是否可以仅通过GPS从经纬度获取地址？ - 堆栈内存溢出...
我正在测试一款在三星平板电脑中借助GPS进行纬度和经度的应用程序. 我能够从GPS单元捕获当前的纬度,经度. 现在,我想使用纬度经度从这些位置获取地址,而无需使用Internet即wi-fi,移动数据 ...

uniapp 中通过经纬度获取地址详情(vue)

uniapp 中通过经纬度获取地址详情(vue)相关推荐

最新文章

热门文章

uniapp 中 通过经纬度获取地址详情(vue)

uniapp 中 通过经纬度获取地址详情(vue)相关推荐

最新文章

热门文章

uniapp 中通过经纬度获取地址详情(vue)

uniapp 中通过经纬度获取地址详情(vue)相关推荐