微信小程序根据坐标点解析地址常见报错：请求来源未被授权

功能需求

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

实现思路

这时候就需要通过腾讯位置服务来实现，在这之前你得有腾讯位置服务的账号和开发密钥（key）。实现过程我就简单贴出来，大家可以参看官网上的步骤，这里主要给大家解决两个坑（见报错处理）。

官网：http://lbs.qq.com/index.html

关键代码

// 引入SDK核心类
var QQMapWX = require('../../utils/js/qqmap-wx-jssdk.js');
var qqmapsdk;Page({onLoad: function () {// 实例化API核心类var qqmapsdk = new QQMapWX({key: 'xxxx-xxxx-xxxx-xxxx-xxxx-xxxx' // 开发密钥（key）必填});},// 获取当前地理坐标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：添加后刷新项目，并重新编译才会有效果，否则可能无效。

常见报错（二）

报错：请求来源未被授权

原因：没有配置开发密钥(key)或者配置错误。

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

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

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

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

测试结果

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

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