在小程序開發(fā)中我們可以根據(jù) 小程序API提供的wx.getLocation()
獲取當(dāng)前的地理位置(坐標(biāo))、速度。
那么有了坐標(biāo)之后,我們可以通過騰訊地圖為我們提供的SDK來實(shí)現(xiàn)獲取當(dāng)前位置名稱的功能
首先我們打開網(wǎng)https://lbs.qq.com/index.html
進(jìn)入微信小程序?qū)?yīng)的SDK
SDK.jpg
然后使用前需要先申請開發(fā)者密鑰（key）
key.png
申請成功后可以在控制臺(tái)直接查看秘鑰
getKey.png
秘鑰已經(jīng)申請成功,下面我們進(jìn)行下載微信小程序JavaScriptSDK v1.0
http://3gimg.qq.com/lightmap/xcx/jssdk/qqmap-wx-jssdk1.0.zip（下載鏈接）
準(zhǔn)備工作已經(jīng)完成,在使用之前記得安全域名設(shè)置，在“設(shè)置” -> “開發(fā)設(shè)置”中設(shè)置request合法域名，添加，添加https://apis.map.qq.com
下面我們將剛才下載的微信小程序JavaScriptSDK v1.0引入到我們小程序內(nèi)
引入.jpg
我們只需要在使用此功能的頁面中 引入SDK核心類和實(shí)例化API核心類
var QQMapWX = require('../../../libs/qqmap-wx-jssdk.min');
var qqmapsdk;
qqmapsdk = new QQMapWX({
key: 'CM6BZ-RWBR3-*****-*****-*****-*****'//申請的開發(fā)者秘鑰key
});
然后獲取當(dāng)前地理坐標(biāo)并將其你解析為位置信息
//自動(dòng)定位
getLocation() {
wx.getLocation({
type: 'gcj02',
success: res => {
console.log(res);//獲取當(dāng)前位置的坐標(biāo)
// 調(diào)用sdk接口
qqmapsdk.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
},
success: res =>{
//獲取當(dāng)前地址成功
console.log(res);
},
fail: res => {
console.log('獲取當(dāng)前地址失敗');
}
});
},
})
},
wx.getLocation返回值
getLocation.jpg
reverseGeocoder返回值
通過SDK打印出來的地址.jpg
