微信小程序获取详细地址踩坑一文通

在开发小程序的时候难免会遇到获取当前位置信息的需求，那么就直接上手操作获取地址；你以为会顺风顺水？然后你会发现并不是这样子的。

官方api

在获取地址的时候，我们先要来看一下官方api有没有支持的方法，我翻，我翻，我继续翻，哎发现了，通过wx.getLocation(Object object)可以获取当前的地理位置、速度；心里美滋滋，哎呀，简单，直接上代码：

wx.getLocation({
   
 type: 'wgs84',
 success (res) {
   
   const latitude = res.latitude
   const longitude = res.longitude
   const speed = res.speed
   const accuracy = res.accuracy
 }
})

然后看一下返回的参数，嗯？有问题，我要的省市区和街道信息呢？感情就只有一个经纬度？

getLocation返回的结果并没有符合我们想要的结果，那么没办法只能通过获取到的经纬度去逆地址解析获取位置描述了。

获取逆地址解析sdk

通过wx.getLocation获取到的经纬度信息可以逆地址解析获取到详细的位置描述。

1.打开腾讯位置服务官网
官网地址.

2.注册账号并登录

3.进入控制台创建新应用

4.添加key，需要注意以下三个点，key名称，开启webserviceapi，填写小程序appid

如果不勾选webserviceapi会出现报错。
以上步骤完事以后就可以得到一个key

4.下载JavaScriptSDK，这里是下载地址

你以为获取到sdk就可以愉快的获取地址了么？其实并没有，还需要以下的几步操作。

小程序配置

1.配置服务器域名，前往小程序->开发->开发管理->服务器域名，将https://apis.map.qq.com配置到request合法域名里面去

2.小程序代码配置权限，在app.json里面配置所需要的权限，配置在permission里面

"permission": {
   
    "scope.userLocation": {
   
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
   }
 },

3.导入下载下来的位置sdk