1、插件申请接入:
在腾讯公众平台中, “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务地图选点” 申请,审核通过后,小程序开发者可在小程序内使用该插件。
具体步骤可参考 【腾讯位置服务地图选点】插件的开发文档。
2、引入插件包:(点击浏览插件最新版本查看信息填写)
"plugins": {
"chooseLocation": {
"version": "1.0.4",
"provider": "wx76a9a06e5b4e693e"
}
}
3、设置定位授权:
地图选点插件需要小程序提供定位授权才能够正常使用定位功能:
// app.json
{
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序定位"
}
}
}
4、使用插件:
插件页面调用示例:
showMap() {
const key = ''; //使用在腾讯位置服务申请的key
const referer = ''; //调用插件的app的名称
const location = JSON.stringify({
latitude: '', // 经纬度
longitude: ''
});
const category = '生活服务,娱乐休闲';
wx.navigateTo({
url: `plugin://chooseLocation/index?key=${key}&referer=${referer}&location=${location}&category=${category}`
});
},
5、插件返回数据
onShow: function() {
// 此处加载数据,每次进入都加重新加载
const site = chooseLocation.getLocation();
// 插件返回的数据放在这个对象里面
if (site) {
console.log(site)
this.setData({
siteInfo: site.name
})
let location = {
latitude: site.latitude,
longitude: site.longitude
}
wx.setStorageSync('location', location)
}
},