效果图
首先要在微信开放平台的小程序里添加插件
具体配置,可以参考官方文档
腾讯位置服务地图选点 | 小程序插件 | 微信公众平台 ()
同时还要申请接口的权限,不然小程序上线的时候不能过审
然后申请腾讯地图的key
我的应用 ()
注意在配置的时候webapi的域名不要填写,不如然会有微信小程序腾讯位置服务地图选点请求来源未被授权的提示如下
出现这种情况也可能是你的key和应用名写错了
然后开始写代码
app.json代码
"plugins": {"chooseLocation": {"version": "1.0.9","provider": "wx76a9a06e5b4e693e"}}
页面代码.wxml (可以选择用函数包裹,然后做成点击触发事件)
const chooseLocation = requirePlugin('chooseLocation');Page({onweizhi:function () {wx.getLocation({type: 'gcj02', //返回可以用于wx.openLocation的经纬度success (res) {const key = ''; //使用在腾讯位置服务申请的keyconst referer = ''; //调用插件的app的名称const location = JSON.stringify({latitude: res.latitude,longitude: res.longitude});const category = '旅游景点,文化场馆,酒店宾馆';//选择你需要的wx.navigateTo({url: `plugin://chooseLocation/index?key=${key}&referer=${referer}&location=${location}&category=${category}`});}})},},onShow: function () {const location = chooseLocation.getLocation();console.log(location)var dizhi = Array()dizhi[0] = location.province.replace("省","")dizhi[1] = location.city.replace("市","")dizhi[2] = location.namethis.setData({dizhi:dizhi})},})
dizhi[0] = location.province.replace("省","") dizhi[1] = location.city.replace("市","")
这两行我是把省 市 两个字过滤了
最后可以用了,有啥问题可以留言
微信小程序使用腾讯位置服务地图选点实现地址的选取|微信小程序腾讯位置服务地图选点请求来源未被授权