1、获取经纬度
申请权限,想要使用微信小程序获取经纬度的方法是要申请该方面的权限。
获取经纬度的方法有很多选择其中一个使用就好。
我使用的是Taro.getFuzzyLocation()
在app.config.js中需要添加设置
requiredPrivateInfos: ["getFuzzyLocation",],
直接上代码,获取经纬度
Taro.getFuzzyLocation({type: "wgs84",success: async (res) => {const latitude = res.latitude;const longitude = res.longitude;console.log(latitude, longitude, "纬度 经度");},fail: function (e) {console.log(e, "获取失败");},});
2、逆转地理编码
在获取到经纬度后,想要转换为具体的位置地点,需要使用高德地图或者腾讯地图,我使用的是高德地图。
地理/逆地理编码-基础 API 文档-开发指南-Web服务 API | 高德地图API
在高德开发平台注册账号后申请key
在添加key的过程中一定要选择web服务,因为只有它支持逆地理编码API
上逆转经纬度的代码
// 根据坐标获取地址const wz = await requst.get("https://restapi.amap.com/v3/geocode/regeo?key=<你申请的key>&extensions=all&location=" +longitude +"," +latitude);console.log(wz.data.regeocode.addressComponent,wz.data.regeocode.addressComponent.city,"地点");
在获取经纬度的方法中,要把方法放到生命周期里面。不然可能会一直调用
3、全部代码
// 获取地理位置const handleClick = () => {Taro.getFuzzyLocation({type: "wgs84",success: async (res) => {const latitude = res.latitude;const longitude = res.longitude;console.log(latitude, longitude, "纬度 经度");// 根据坐标获取地址const wz = await requst.get("https://restapi.amap.com/v3/geocode/regeo?key=<你的key>&extensions=all&location=" +longitude +"," +latitude);console.log(wz,wz.data.regeocode.addressComponent,wz.data.regeocode.addressComponent.city,"地点");},fail: function (e) {console.log(e, "获取失败");},});};useEffect(() => {handleClick();}, []);