在小程序中通過經(jīng)緯度來獲取所在省市區(qū)名字,這個(gè)功能還是挺有意思的复局，小程序中竟然不直接返回所在省市區(qū)马篮，只提供經(jīng)緯度映之，還需要騰訊地圖來獲取拦焚，還是有點(diǎn)小坑的，不注意的話很容易出問題杠输。廢話不多說赎败，請(qǐng)看下文。
wx.getLocation() 獲取經(jīng)緯度
1.使用騰訊地圖蠢甲，申請(qǐng)開發(fā)者賬號(hào)，申請(qǐng)key,綁定使用小程序，常規(guī)操作搞糕，沒啥大問題勇吊。
提供騰訊地圖申請(qǐng)鏈接：（https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview）
2.注意：安全域名設(shè)置寞宫，在“設(shè)置” -> “開發(fā)設(shè)置”中設(shè)置request合法域名，添加https://apis.map.qq.com
image.png
準(zhǔn)備工作做完
開始引入map地圖js庫辈赋，請(qǐng)看實(shí)例，此案例為小程序中钥屈。
const qqMap = require('../../utils/qqmap-wx-jssdk.min.js')
Page({
onLoad: function (options) {
wx.getLocation({
type: 'wgs84',
altitude: false,
success: (result) => {
that.getOnlineDistrict(result.latitude, result.longitude)
},
});
},
//這里調(diào)用騰訊地圖api 獲取用戶位置所在區(qū)
getOnlineDistrict(latitude, longitude) {
var that = this;
var map = new qqmap({
key: 'PLUBZ-U3CRX-25I4F-ZW5YC-HSCWO-KKBQ2'
})
//通過這個(gè)方法來實(shí)現(xiàn)經(jīng)緯度反推省市區(qū)
map.reverseGeocoder({
location: {
latitude: latitude,
longitude: longitude
},
success: function (res) {
console.log(res)
}
})
}
)}
輸出結(jié)果：
image.png
總結(jié)：在小程序中有特定的地圖庫qqmap-wx-jssdk.min.js,通過這個(gè)js庫可以實(shí)現(xiàn)很多的功能，比如街道篷就，酒店，KTV等等竭业，總結(jié)下希望能幫助到大家智润。
