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

最新推荐文章于 2024-07-11 14:21:02 发布

royal-

最新推荐文章于 2024-07-11 14:21:02 发布

阅读量2.1k

点赞数

文章标签：定位小程序前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_46003166/article/details/106751744

版权

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