原文連接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=10983
主要功能
自動定位 城市、區(qū)縣(也支持手動重新定位)
手動 漢字、拼音搜索 城市,支持搜索數(shù)量335個,覆蓋地級市
亦可通過 側(cè)邊欄 選擇,城市按拼音首字母排列
選擇好城市后,自動顯示 轄下區(qū)縣
動圖演示真機(jī)預(yù)覽的畫面是非常流暢的

說明
使用(且小程序只能使用)騰訊地圖的API
將utils目錄中,config.default.js文件改名為config.js
并將其中的key改為自己的騰訊地圖key(申請快速且免費(fèi))
ES6
可 直接作為模塊使用,如果對您有幫助,請star
將模塊集成到項(xiàng)目時,涉及到不同頁面間數(shù)據(jù)通信的問題,見小程序頁面間通信
關(guān)于拼音搜索框的實(shí)現(xiàn),見小程序?qū)崿F(xiàn)拼音搜索框
更新
實(shí)現(xiàn)了首頁與城市選擇頁面之間的數(shù)據(jù)通信效果
針對真機(jī)調(diào)試發(fā)現(xiàn)的,輸入漢字時,輸入法行為與開發(fā)環(huán)境不一致的問題,做了修改優(yōu)化。
針對定位模塊在IOS中,側(cè)面字母條的顯示問題,進(jìn)行了樣式優(yōu)化
優(yōu)化了demo樣式
升級了搜索功能,支持搜索335個城市(及相應(yīng)級別地區(qū))。截至目前,最新的國家統(tǒng)計局2016年統(tǒng)計年鑒中,地級市291個,地級行政區(qū)劃334個。
項(xiàng)目下載:
項(xiàng)目地址:https://github.com/BeijiYang/citySelector