1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信小程序中使用腾讯位置服务 点击地图获取poi 或者是关键词搜索

微信小程序中使用腾讯位置服务 点击地图获取poi 或者是关键词搜索

时间:2023-08-19 11:34:52

相关推荐

微信小程序中使用腾讯位置服务 点击地图获取poi 或者是关键词搜索

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)}},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。