https://gitee.com/homeleaf/citySelector

使用这个工具进行集成，这个工具采用腾讯云的接口进行访问。

集成说明

将libs文件夹拷贝至您的小程序项目根目录
在您的项目根目录 app.json 里的 pages 数组里增加一行 "libs/citySelector/switchcity/switchcity"
打开项目里的/libs/citySelector/config.default.js文件
将其中的key改为自己的腾讯地图key（申请快速并免费）点击立即打开腾讯地图Key申请页面
https://lbs.qq.com
需要配置key

快速使用

在您要打开选择器地方用navigator组件，将url设置为"/libs/citySelector/switchcity/switchcity"

或者，在 JS 代码里直接使用 wx.navigateTo 打开地区选择器

wx.navigateTo({
url: '/libs/citySelector/switchcity/switchcity',
});
两种方法二选一即可

              <view class="weui-cells__title">所在城市</view>
              <view class="weui-input-container">
                <input class="weui-input-choice" placeholder-class="weui-input_placeholder" name="city" placeholder="点击选择城市" bindtap='bandAddressChange' value="{{address.city}}{{address.district}}" />
              </view>

  bandAddressChange: function(e) {
    wx.navigateTo({
      url: '/libs/citySelector/switchcity/switchcity?back_url=/pages/post/post',
    });
  },

获取返回数据

在switchcity页选择完地区之后，点击会自动返回，并且将省份/城市/区县数据设置到本页面的 this.data.address 内

如图所示

修改颜色样式
在libs文件夹搜索 #c60a0d ，替换为您想要的颜色值即可

在页面的Data中定义address,然后会写回，最后在页面上直接使用address就可以了。s