功能需求

微信小程序提供的接口能夠獲取到當前位置的坐標（經緯度），但是不能得到當前位置的地址。或者從后臺獲取到坐標（經緯度）要解析成文字描述的地址小程序也沒有對應的接口。

?

實現思路

這時候就需要通過騰訊位置服務來實現，在這之前你得有騰訊位置服務的賬號和開發密鑰（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)等等場景。

?

總結

以上是生活随笔為你收集整理的微信小程序根据坐标点解析地址常见报错：请求来源未被授权的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。