微信小程序省份、城市、地區選擇器，一行代碼接入

💨🚀倉庫地址：gitee.com/qfr_bz/city…

主要功能

• 自動定位 城市、區縣（也支持手動從新定位）
• 手動 漢字、拼音搜索 城市，支持搜索數量335個，覆蓋地級市
• 亦可經過 側邊欄 選擇，城市按拼音首字母排列
• 選擇好城市後，自動顯示 轄下區縣

集成說明

• 將libs文件夾拷貝至您的小程序項目根目錄
• 在您的項目根目錄 app.json 裏的 pages 數組裏增長一行 "libs/citySelector/switchcity/switchcity"
• 打開項目裏的/libs/citySelector/config.default.js文件
• 將其中的key改成本身的騰訊地圖key（申請快速並免費）點擊當即打開騰訊地圖Key申請頁面

快速使用

在您要打開選擇器地方用navigator組件，將url設置爲"/libs/citySelector/switchcity/switchcity"

或者，在 JS 代碼裏直接使用 wx.navigateTo 打開地區選擇器

wx.navigateTo({
    url: '/libs/citySelector/switchcity/switchcity',
});
複製代碼

兩種方法二選一便可

獲取返回數據

在switchcity頁選擇完地區以後，點擊會自動返回，而且將省份/城市/區縣數據設置到本頁面的 this.data.address 內

如圖所示

修改顏色樣式

• 在libs文件夾搜索 #c60a0d ，替換爲您想要的顏色值便可

功能演示

Gif有點卡，不過實際操做起來是超級流暢的

### 🤗 🤗 🤗 若是對您有幫助，請star ### 💨🚀倉庫地址：https://gitee.com/qfr_bz/citySelector/