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

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

作者: 我只是一个小前端 | 来源:发表于2018-09-30 17:34 被阅读0次

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


主要功能

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

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

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

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

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

说明

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

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

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

ES6

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

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

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

更新

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

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

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

优化了demo样式

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

项目下载:

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/csnwoftx.html