如果在小程序中使用地圖poi點擊獲取位置的情況,可以使用騰訊推出的 位置服務(wù) 小程序版幔烛。特別方便啃擦,可以搜索,也可以移動選點饿悬,而且還有附近的poi展示令蛉。
1、插件申請接入:
在騰訊公眾平臺中狡恬, “微信小程序官方后臺-設(shè)置-第三方服務(wù)-插件管理” 里點擊 “添加插件”珠叔,搜索 “騰訊位置服務(wù)地圖選點” 申請蝎宇,審核通過后,小程序開發(fā)者可在小程序內(nèi)使用該插件运杭。
2夫啊、引入插件包: 地圖選點appId: wx76a9a06e5b4e693e (點擊瀏覽插件最新版本)
// app.json
{
"plugins": {
"chooseLocation": {
"version": "1.0.0",
"provider": "wx76a9a06e5b4e693e"
}
}
}
3、設(shè)置定位授權(quán):
地圖選點插件需要小程序提供定位授權(quán)才能夠正常使用定位功能:
// app.json
{
"permission": {
"scope.userLocation": {
"desc": "你的位置信息將用于小程序定位"
}
}
}
4辆憔、使用插件:
插件頁面調(diào)用示例:
const key = ''; //使用在騰訊位置服務(wù)申請的key
const referer = ''; //調(diào)用插件的app的名稱
// 初始位置的經(jīng)緯度撇眯,如果不傳 默認(rèn)當(dāng)前位置
const location = JSON.stringify({
latitude: 39.89631551,
longitude: 116.323459711
});
const category = '生活服務(wù),娛樂休閑';
wx.navigateTo({
url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer + '&location=' + location + '&category' + category
});
5、插件返回數(shù)據(jù)
//地圖返回 在頁面的 onShow中 獲取數(shù)據(jù)返回虱咧。
const location = chooseLocation.getLocation();
// 返回的數(shù)據(jù)放在這個對象里面
if (location) {
allData.address_name = location.name;
allData.address = location.address;
allData.address_poi = location.latitude + ',' + location.longitude;
}