微信小程序开发|教程|文档|资源汇总_即速论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10790|回复: 25

微信小程demo:城市/区县定位选择器

  [复制链接]
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    910

    主题

    2100

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    发表于 2017-9-22 10:25:10 | 显示全部楼层 |阅读模式
    主要功能
    • 自动定位 城市、区县(也支持手动重新定位)
    • 手动 汉字、拼音搜索 城市,支持搜索数量335个,覆盖地级市
    • 亦可通过 侧边栏 选择,城市按拼音首字母排列
    • 选择好城市后,自动显示 辖下区县
    动图演示真机预览的画面是非常流畅的


    说明
    • 使用(且小程序只能使用)腾讯地图的API
    • 将utils目录中,config.default.js文件改名为config.js
    • 并将其中的key改为自己的腾讯地图key(申请快速且免费)
    • ES6
    • 可 直接作为模块使用,如果对您有帮助,请star
    • 将模块集成到项目时,涉及到不同页面间数据通信的问题,见小程序页面间通信
    • 关于拼音搜索框的实现,见小程序实现拼音搜索框
    更新
    • 实现了首页与城市选择页面之间的数据通信效果
    • 针对真机调试发现的,输入汉字时,输入法行为与开发环境不一致的问题,做了修改优化。
    • 针对定位模块在IOS中,侧面字母条的显示问题,进行了样式优化
    • 优化了demo样式
    • 升级了搜索功能,支持搜索335个城市(及相应级别地区)。截至目前,最新的国家统计局2016年统计年鉴中,地级市291个,地级行政区划334个。


    最后,附上小程序demo项目下载:
    游客,如果您要查看本帖隐藏内容请回复

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    15

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-9-22 15:30:11 | 显示全部楼层
    :学习啦!
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    112

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-10-11 18:50:52 | 显示全部楼层
    回复

    使用道具 举报

    该用户从未签到

    14

    主题

    20

    帖子

    2984

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-1-2 17:06:34 | 显示全部楼层
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    12

    帖子

    144

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-3-21 11:15:18 | 显示全部楼层
    哈哈,,学习啦,

    该用户从未签到

    0

    主题

    48

    帖子

    348

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-3-27 18:35:11 | 显示全部楼层
    感谢分享感谢分享

    该用户从未签到

    0

    主题

    9

    帖子

    30

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-3-28 12:23:47 | 显示全部楼层
    感谢楼主
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    9

    帖子

    148

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-3-29 17:50:33 | 显示全部楼层
    感谢老朱
    回复

    使用道具 举报

    该用户从未签到

    1

    主题

    4

    帖子

    80

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-4-12 10:15:14 | 显示全部楼层
    我觉得很难

    该用户从未签到

    0

    主题

    1

    帖子

    12

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2018-12-13 11:56:18 | 显示全部楼层
    学习一下,感谢楼主
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略

    QQ|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1|网站地图   

    GMT+8, 2021-9-19 12:25 , Processed in 0.136376 second(s), 49 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表