背景:本人最近在开发一款天气预报的微信小程序,在调用腾讯地图API进行逆地址解析获取详细地名时,发现其官方文档的描述模棱两可、网络上也没有搜到确实可行的方法。在经过对官方文档的逐句翻译和数次尝试之后,终于成功的获取到了地理位置和地名。特做此记录,以备不时之需。
一、微信小程序获取地理位置和详细地名的思路
1、使用微信小程序wx.getLocation
API方法获取用户当前位置的经纬度,这个步骤比较简单
2、使用拿到的经纬度请求地图位置服务的逆地址解析接口,获取省市县和详细地址。这是最关键的步骤,也是腾讯地图API官网没有写清楚的一步
二、微信小程序获取地理位置和详细地名的思路
1、获取用户当前位置经纬度
小程序使用 wx.getLocation
方法获取用户的当前位置经纬度。wx.getLocation
默认获取的是 wgs84
坐标系,即 GPS 的坐标系,而国内地图(除百度地图外)一般用的都是 GCJ02
(国测局坐标,又称为“火星坐标系”)的坐标系,所以需要传入 type
来指定坐标系统。
// 微信api,获取经纬度
getLocation() {
wx.getLocation({
type: 'gcj02',
success: this.updateLocation,
fail: (e)=> {
this.openLocation()
}
})
}
2、根据经纬度获取当前位置
需要在腾讯地图开放平台注册账号,在控制台 → key与配额 → key管理
中创建密钥,创建密钥后才能使用地图SDK及WebService API等产品与服务。
在小程序里调用腾讯地图API的方式有主要两种:
- 腾讯地图提供的微信小程序JavaScript SDK
- WebService API,即直接发送请求,调用API接口
这里我选择了WebService API,原因如下:
- 小程序 SDK 和 WebService API 都很方便,不需要加密数据,密钥都是对外暴露的
- WebService API 使用微信
wx.request
方法可以直接发送请求,对代码无侵入性 - 小程序 SDK 本质上还是用
wx.request
封装的 WebService API
根据WebService API的