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

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

你可能感兴趣的:(定位,小程序,前端,vue.js,javascript)