如果在小程序中使用地图poi点击获取位置的情况,可以使用腾讯推出的 位置服务 小程序版。特别方便,可以搜索,也可以移动选点,而且还有附近的poi展示。
1、插件申请接入:
在腾讯公众平台中, “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务地图选点” 申请,审核通过后,小程序开发者可在小程序内使用该插件。
2、引入插件包: 地图选点appId: wx76a9a06e5b4e693e (点击浏览插件最新版本)
// app.json
{
"plugins": {
"chooseLocation": {
"version": "1.0.0",
"provider": "wx76a9a06e5b4e693e"
}
}
}
3、设置定位授权:
地图选点插件需要小程序提供定位授权才能够正常使用定位功能:
// app.json
{
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序定位"
}
}
}
4、使用插件:
插件页面调用示例:
const key = ''; //使用在腾讯位置服务申请的key
const referer = ''; //调用插件的app的名称
// 初始位置的经纬度,如果不传 默认当前位置
const location = JSON.stringify({
latitude: 39.89631551,
longitude: 116.323459711
});
const category = '生活服务,娱乐休闲';
wx.navigateTo({
url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer + '&location=' + location + '&category' + category
});
5、插件返回数据
//地图返回 在页面的 onShow中 获取数据返回。
const location = chooseLocation.getLocation();
// 返回的数据放在这个对象里面
if (location) {
allData.address_name = location.name;
allData.address = location.address;
allData.address_poi = location.latitude + ',' + location.longitude;
}