快捷導(dǎo)航

微信小程序?qū)崿F(xiàn)獲取準(zhǔn)確的騰訊定位地址功能示例

更新時(shí)間：2019年03月27日 11:28:52 作者：程序媛小六

這篇文章主要介紹了微信小程序?qū)崿F(xiàn)獲取準(zhǔn)確的騰訊定位地址功能,結(jié)合實(shí)例形式詳細(xì)分析了微信小程序使用騰訊地理位置接口的相關(guān)注冊(cè)、操作步驟及接口使用技巧,需要的朋友可以參考下

本文實(shí)例講述了微信小程序?qū)崿F(xiàn)獲取準(zhǔn)確的騰訊定位地址功能。分享給大家供大家參考，具體如下：

官方參考文檔：https://lbs.qq.com/qqmap_wx_jssdk/index.html

逆地址解析（坐標(biāo)位置描述）

1. 申請(qǐng)開(kāi)發(fā)者密鑰（key）與設(shè)置

個(gè)人使用：登錄，點(diǎn)擊“key管理”，進(jìn)入設(shè)置，選擇“WebServiceAPI”，如果沒(méi)有小程序ID，勾選“授權(quán)IP”，如果有小程序ID，勾選“域名白名單”，且勾選“微信小程序”，輸入授權(quán)APPID。
https://lbs.qq.com/console/key.html
企業(yè)使用：登錄企業(yè)微信公眾號(hào)，選擇“開(kāi)發(fā)”-“開(kāi)發(fā)者工具”，開(kāi)通“騰訊位置服務(wù)”，進(jìn)入后臺(tái)管理；點(diǎn)擊“key管理”，進(jìn)入設(shè)置，勾選所需要使用的企業(yè)名下的小程序ID，選擇“WebServiceAPI”，勾選“域名白名單”。

2. 下載微信小程序JavaScriptSDK

3. 添加小程序地理位置說(shuō)明

2019年1月14日起新提交發(fā)布的版本若未填寫(xiě)地理位置用途說(shuō)明，則將無(wú)法正常調(diào)用地理位置相關(guān)接口，請(qǐng)及時(shí)填寫(xiě)地理位置用途說(shuō)明

在app.json中添加以下代碼

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

4. JS 代碼

var QQMapWX = require('../../../page/common/sdk/qqmap-wx-jssdk.js');
var qqmapsdk = new QQMapWX({
 key: 'Key'
});
console.log('signin')
const _this = this;
wx.getLocation({
    type: 'gcj02',
    success: function (res) {
     qqmapsdk.reverseGeocoder({
      location: {
       latitude: res.latitude,
       longitude: res.longitude
      },
      success: function (addressRes) { //成功后的回調(diào)
       var addressRes = addressRes.result;
       console.log( addressRes.address)
        },
      fail: function (error) {
       console.error(error);
      },
      complete: function (addressRes) {
       console.log(addressRes);
      }
     })
    }
})

成功獲取到的信息截圖

微信開(kāi)發(fā)者工具上進(jìn)行測(cè)試的時(shí)候，定位不準(zhǔn)確，需要啟用“真機(jī)調(diào)試”，在手機(jī)上即可準(zhǔn)確獲取定位信息。

5. 百度地圖坐標(biāo)轉(zhuǎn)化JS

實(shí)際應(yīng)用中發(fā)現(xiàn)騰訊地圖定位的坐標(biāo)不準(zhǔn)確，地址正確但定位坐標(biāo)相差很遠(yuǎn)，后期在地圖上進(jìn)行展示的時(shí)候建議使用百度地圖，可以準(zhǔn)確的在地圖上顯示。

代碼寫(xiě)在獲取地址成功調(diào)用里面。

var addressRes = addressRes.result;
var x_pi = 3.14159265358979324 * 3000.0 / 180.0;
var x = parseFloat(addressRes.location.lng);
var y = parseFloat(addressRes.location.lat);
var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * x_pi);
var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * x_pi);
var lng = z * Math.cos(theta) + 0.0065;
var lat = z * Math.sin(theta) + 0.006;
console.log(lng)
console.log(lat)

希望本文所述對(duì)大家微信小程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: