功能需求

微信小程序提供的接口能够获取到当前位置的坐标（经纬度），但是不能得到当前位置的地址。或者从后台获取到坐标（经纬度）要解析成文字描述的地址小程序也没有对应的接口。

实现思路

这时候就需要通过腾讯位置服务来实现，但在这之前需要有腾讯位置服务的账号和开发密钥（key）。实现过程我就简单参看官网上的步骤，这里主要给大家几个前车之鉴，欢迎各位小伙伴留言补充。

官网：腾讯地图

关键代码

// 引入SDK核心类 var QQMapWX = require('../../utils/js/qqmap-wx-jssdk.js'); var qqmapsdk;

Page({

// 获取当前地理坐标 onReady: function () { var _this = this; wx.getLocation({ type: ‘gcj02’, altitude: true, success: (res) => { var latitude = res.latitude // 经度 var longitude = res.longitude // 纬度 // 根据坐标调用 pointToAddress 方法 _this.pointToAddress(latitude, longitude, function (address) { // 得到最终地址 console.log(address); } } }) },

// 定义 pointToAddress 方法 pointToAddress: function (latitude, longitude, callback) { var _this = this; // 调用接口 qqmapsdk.reverseGeocoder({ location: { latitude: latitude, longitude: longitude }, success: function (res) { // 解析成功返回地址 callback(res.result.address); }, fail: function (res) { console.log(res); }, complete: function (res) { console.log(res); } }); },

})

报错处理

常见报错（一）我在实际应用中并未遇到，这个域名写不写应该均可；

报错：http://apis.map.qq.com 不在以下 request 合法域名列表中

原因：出现这个报错是因为你在小程序中发起了wx.request请求,但是请求的域名(http://apis.map.qq.com)没有在微信公众平台后台配置。

解决方法：配置request合法域名，把https://apis.map.qq.com添加到你的request合法域名中。(微信公众平台—设置—开发设置—服务器域名)。

Tips：添加后需刷新项目，并重新编译才会有效果，否则可能无效。

常见报错（二）

此报错解决方案1仅限 在服务器端掉用时，因为服务器的IP一般是固定的，小程序报错解决方案请参照方案2

报错：请求来源未被授权

方案1（服务端掉用）：没有配置开发密钥(key)或者配置错误。

解决方法：在腾讯位置服务平台(https://lbs.qq.com/)设置开发密钥(key)的 WebServiceAPI 授权IP。(控制台—密钥(key)管理—密钥设置)。

第一步：勾选微信小程序，并填写小程序ID。

第二步：勾选WebServiceAPI，并设置授权IP(你的服务器域名或IP)。

Tips：同样添加后刷新项目，并重新编译才会有效果，否则可能无效。

我的用小程序调用参照此方法设置成本地IP了，本地正常访问，但是部署到体验版，一样报错

方案2（小程序端掉用）:

解决方法：在腾讯位置服务平台(https://lbs.qq.com/)设置开发密钥(key)的 WebServiceAPI 授权IP。(控制台—密钥(key)管理—密钥设置)。

第一步：勾选微信小程序，并填写小程序ID。

第二步：勾选域名白名单，并设置域名-》servicewechat.com。

测试结果

测试没问题，能取到数据，并且零报错。

Tips：这些方法不仅适用于坐标解析(reverseGeocoder)，还适用于距离计算(calculateDistance)，地点搜索(search)，获取城市列表(getCityList)等等场景。