1、插件申请接入:
在腾讯公众平台中, “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务地图选点” 申请,审核通过后,小程序开发者可在小程序内使用该插件。
具体步骤可参考 【腾讯位置服务地图选点】插件的开发文档。
2、引入插件包:(点击浏览插件最新版本查看信息填写)
"plugins": {"chooseLocation": {"version": "1.0.4","provider": "wx76a9a06e5b4e693e"}}
3、设置定位授权:
地图选点插件需要小程序提供定位授权才能够正常使用定位功能:
// app.json{"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序定位"}}}
4、使用插件:
插件页面调用示例:
showMap() {const key = ''; //使用在腾讯位置服务申请的keyconst 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)}},