Skip to content

微信小程序 城市/区县定位选择模块 汉字/拼音搜索 可直接使用 另附 mpvue 版本 city picker / auto positioning / auto complete

Notifications You must be signed in to change notification settings

BeijiYang/citySelector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

微信小程序 城市/区县定位选择器 WeChat mini program city/county selector

主要功能

  • 自动定位 城市、区县(也支持手动重新定位)
  • 手动 汉字、拼音搜索 城市,支持搜索数量335个,覆盖地级市
  • 亦可通过 侧边栏 选择,城市按拼音首字母排列
  • 选择好城市后,自动显示 辖下区县

Features

  • Automatic positioning, or you can pick a city manually by the sidebar, the counties under the jurisdiction of it will be displayed
  • Search 335 cities across China, all prefecture-level cities included
  • Support Chinese character search & pinyin search
  • Support associative search

动图演示 / GIF Demonstration

在真机预览的画面是非常流畅的

lagging because of the screen recorder, running smoothly on mobile

image

说明

  • 使用(且小程序只能使用)腾讯地图的API
  • 将utils目录中,config.default.js文件改名为config.js
  • 并将其中的key改为自己的腾讯地图key(申请快速且免费)
  • ES6
  • 将模块集成到项目时,涉及到不同页面间数据通信的问题,见小程序页面间通信
  • 关于搜索框的实现,见小程序实现城市名称拼音搜索框 汉字/拼音
  • 关于搜索框的改进,见这一篇
  • 直接作为模块使用,如果对您有帮助,请star

更新

  • 实现了首页与城市选择页面之间的数据通信效果
  • 针对真机调试发现的,输入汉字时,输入法行为与开发环境不一致的问题,做了修改优化。
  • 针对定位模块在IOS中,侧面字母条的显示问题,进行了样式优化
  • 优化了demo样式
  • 升级了搜索功能,支持搜索335个城市(及相应级别地区)。截至目前,最新的国家统计局2016年统计年鉴中,地级市291个,地级行政区划334个。

mpvue 版本

Leon originalix 同学基于此项目写了 mpvue 版本(项目地址)。

使用 mpvue 的同学们可以参考。

mpvue version

Here is the mpvue version based on this project by Leon originalix.

About

微信小程序 城市/区县定位选择模块 汉字/拼音搜索 可直接使用 另附 mpvue 版本 city picker / auto positioning / auto complete

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published