博客

效果图

首先要在微信开放平台的小程序里


添加插件

具体配置，可以参考官方文档

腾讯位置服务地图选点 | 小程序插件 | 微信公众平台 (qq.com)

同时还要


申请接口的权限


，不然小程序上线的时候不能过审

然后申请腾讯地图的key

我的应用 (qq.com)

注意在配置的时候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 = ''; //使用在腾讯位置服务申请的key
      const 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.name
    this.setData({
      dizhi:dizhi
    })
  },

})

dizhi[0] = location.province.replace(“省”,””)

dizhi[1] = location.city.replace(“市”,””)

这两行我是把省 市 两个字过滤了

最后可以用了,有啥问题可以留言