微信小程序--根據座標獲取當前位置名稱

在小程序開發中我們可以根據 小程序API提供的wx.getLocation(Object object)https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html
獲取當前的地理位置(座標)、速度。
那麼有了座標之後,如何轉換成對應的位置名稱呢?

騰訊地圖爲我們提供了此功能https://lbs.qq.com/index.html

打開網址進入微信小程序JavaScript SDK

首先我們需要先申請開發者密鑰（key）

填入相應內容申請

申請成功後可以在控制檯直接查看祕鑰

祕鑰已經申請成功,下面我們進行下載微信小程序JavaScriptSDK v1.0
微信小程序JavaScriptSDK v1.0

準備工作已經完成,在使用之前記得安全域名設置，在“設置” -> “開發設置”中設置request合法域名，添加，添加https://apis.map.qq.com

下面我們將剛纔下載的微信小程序JavaScriptSDK v1.0引入到我們小程序內

接着在需要使用此功能的頁面中 引入SDK核心類和實例化API核心類

// 引入SDK核心類
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
// 實例化API核心類
var qqmapsdk = new QQMapWX({
    key: '5BOBZ-3L5W6-WDJSR-ESAJ6********'//申請的開發者祕鑰key
});

然後獲取當前地理座標並將其你解析爲位置信息

//小程序api獲取當前座標
wx.getLocation({
            success: function(res) {
                console.log(res)
                
                // 調用sdk接口
                qqmapsdk.reverseGeocoder({
                    location: {
                        latitude: res.latitude,
                        longitude: res.longitude
                    },
                    success: function (res) {
                    	//獲取當前地址成功
                        console.log(res);
                    },
                    fail: function (res) {
                        console.log('獲取當前地址失敗');
                    }
                });
            },
        })

我們將返回值打印出來
wx.getLocation返回值

reverseGeocoder返回值

已拿到具體位置

更多騰訊地圖提供的使用方法請查看https://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html