微信小程序腾讯位置服务城市选择器

_杯美式

已于 2022-05-28 17:58:42 修改

阅读量2.3k

点赞数 2

文章标签：微信小程序小程序

于 2022-05-28 17:57:24 首次发布

本文链接：https://blog.csdn.net/JQ971/article/details/125020972

版权

腾讯城市选择器插件微信小程序插件 | 腾讯位置服务

先看文档，下面为操作步骤

1.登录微信公众平台

设置 - 第三方设置 - 插件管理 - 添加插件 - 搜索腾讯位置服务城市选择器 - 添加

2.注册登录腾讯位置服务 - 立足生态，连接未来

新建我的应用

设置WebServiceAPI 、微信 APP ID

3.配置小程序app.json

//引入插件包
"plugins": {
        "citySelector": {
        "version": "1.0.1",
        "provider": "wx63ffb7b7894e99ae"
     }
},
//设置小程序定位授权
"permission": {
     "scope.userLocation": {
     "desc": "你的位置信息将用于小程序定位"
}

4.调用插件页面模式

const key = ''; // 使用在腾讯位置服务申请的key
const referer = ''; // 调用插件的app的名称
const hotCitys = ''; // 用户自定义的的热门城市

wx.navigateTo({
  url: `plugin://citySelector/index?key=${key}&referer=${referer}&hotCitys=${hotCitys}`,
})

5.父级页面接收返回数据

const citySelector = requirePlugin('citySelector');
Page({
  // 从城市选择器插件返回后，在页面的onShow生命周期函数中能够调用插件接口，获取cityInfo结果对象
  onShow() {
    const selectedCity = citySelector.getCity(); // 选择城市后返回城市信息对象，若未选择返回null
  },
  onUnload () {
    // 页面卸载时清空插件数据，防止再次进入页面，getCity返回的是上次的结果
    citySelector.clearCity();
  }
})