专栏首页疯狂的小程序微信小程序的省市选择组件 citySelector分享
原创

微信小程序的省市选择组件 citySelector分享

省份/城市/区县定位选择器

:dash::rocket: 微信小程序,一行代码引入的省份/城市/区县定位选择器的库

主要功能

  • 自动定位 城市、区县(也支持手动重新定位)
  • 手动 汉字、拼音搜索 城市,支持搜索数量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有点卡,不过实际操作起来是超级流畅的

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序一天连发2大招:小游戏和腾讯浏览器垂直搜索开放

    微信上线了“小游戏”,用户无需下载即可在微信中玩跳一跳、中国象棋、坦克大作战等15款H5游戏。这些小游戏是通过微信小程序实现的,用户只要下载微信6.6.1版都可...

    企鹅号小编
  • 2017年互联网中你不知道的小程序战略布局

    如今,微信平台的发展逐渐趋于操作系统,其核心竞争力也愈加突出,微信在长期发展过程中,始终致力于通过自身平台的运营,满足用户在多元化场景下的各类需求,在发展社交功...

    企鹅号小编
  • 小程序再添新入口,开放微信外部流量入口,QQ浏览器直接打开小程序

    最近小程序的动作不断,就在今天,小程序可以在QQ浏览器里打开,首页入口也即将开放!这一年以来,小程序频繁更新了将近 100 次,现在又在QQ浏览器上面增加了新的...

    企鹅号小编
  • 小程序缓存 删不删你都该知道的事儿

    【不好意思,就算新年来临,运营狗依然不要忘记学习……】 都说小程序是“触手可得、无须安装、用完即走、无须卸载”,那不用的小程序用不用删除呢?如果手机空间不足,是...

    企鹅号小编
  • 微信跳一跳iOS安卓机怎么进入?进不去怎么办?

    微信跳一跳iOS安卓版进不去怎么办?听着身边的朋友说,微信出了一个小游戏,叫做跳一跳,这个游戏有点像儿时的跳房子,手指长按屏幕“i”形小人就会躬身蓄力,松开后翻...

    企鹅号小编
  • 微信小程序曾表示暂不支持游戏,现全面上线小游戏,腾讯直怼苹果

    微信上线了“小游戏”,用户无需下载即可在微信中玩跳一跳、中国象棋、坦克大作战等15款H5游戏。 ? 这些小游戏是通过微信小程序实现的,用户只要下载微信6.6.1...

    企鹅号小编
  • 微信版12306来了!用12306微信小程序买票靠谱吗

    很快又要到春运了,最近一款重磅的微信小程序全新出炉,它就是12306!我们知道,如果想要买火车票,基本是离不开12306的了。很多朋友为了在手机买票,都安装了1...

    企鹅号小编
  • 微信小程序不行了?看小马哥带你忆童年

    在微信小程序刚刚推出时,所有人都感觉这是开发领域的一个新的巨浪,很多人都想可以在这个领域大有作为了。而一路走来,微信小程序的诸多问题又让满心欢喜的开发者恢复了平...

    企鹅号小编
  • 小程序:企鹅帝国身后,微信帝国正悄悄露出冰山一角!

    昨天(2017年12月28日)中午,微信又双叒叕更新了。 ? 天了噜,我感觉微信6.6版本不是重大更新,6.6.1版本才是,微信终于对自己的主界面顶部动手了。这...

    企鹅号小编
  • 小程序入口移到微信主页面,你玩了小游戏没有?

    昨天下午3点多,微信公众平台又发出炸裂消息:小程序功能升级,6.6.1版本微信在主界面新增了小程序任务栏的功能。小程序菜单进行了升级,并提供小程序间快速切换的功...

    企鹅号小编

扫码关注云+社区

领取腾讯云代金券