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

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

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

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();
  }
})