[demo]微信小程Demo:城市/区县定位选择器【转】

原文连接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=10983


主要功能

自动定位 城市、区县(也支持手动重新定位)

手动 汉字、拼音搜索 城市,支持搜索数量335个,覆盖地级市

亦可通过 侧边栏 选择,城市按拼音首字母排列

选择好城市后,自动显示 辖下区县

动图演示真机预览的画面是非常流畅的

[demo]微信小程Demo:城市/区县定位选择器【转】_第1张图片

说明

使用(且小程序只能使用)腾讯地图的API

将utils目录中,config.default.js文件改名为config.js

并将其中的key改为自己的腾讯地图key(申请快速且免费)

ES6

可 直接作为模块使用,如果对您有帮助,请star

将模块集成到项目时,涉及到不同页面间数据通信的问题,见小程序页面间通信

关于拼音搜索框的实现,见小程序实现拼音搜索框

更新

实现了首页与城市选择页面之间的数据通信效果

针对真机调试发现的,输入汉字时,输入法行为与开发环境不一致的问题,做了修改优化。

针对定位模块在IOS中,侧面字母条的显示问题,进行了样式优化

优化了demo样式

升级了搜索功能,支持搜索335个城市(及相应级别地区)。截至目前,最新的国家统计局2016年统计年鉴中,地级市291个,地级行政区划334个。

项目下载:

项目地址:https://github.com/BeijiYang/citySelector

你可能感兴趣的:([demo]微信小程Demo:城市/区县定位选择器【转】)