更新记录
1.0.0(2026-07-31) 下载此版本
v1.0.0 初次发布 实现腾讯地图 POI 地址联想下拉 优化弹窗无闪烁,自动清理请求防止内存残留 支持文字对齐、自定义弹窗层级 规范地址展示顺序:行政区在前地标在后
平台兼容性
uni-app(3.7.11)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | × | × | × | × | × | × | × | × |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | × | × | × | × | × | × | × | × | × | × | × |
ll-address-input 地址联想输入框
适配 uni-app 微信小程序,搭配 uview 页面使用
功能
- 输入文字自动搜索地址,下拉展示完整省市+地标
- 地址排版规范:省市区道路在前,车站/小区在后
- 修复弹窗闪烁,切换页面自动清空请求无残留
- 可自定义文字对齐、弹窗层级
- 点击空白自动关闭弹窗、收起键盘
使用步骤
- 腾讯地图开放平台申请密钥key
- 页面直接引入组件
<ll-address-input map-key="你的腾讯地图密钥" :address="addr" region="南宁" textAlign="right" @select-address="选完地址执行方法" />
参数简单说明
map-key:腾讯地图密钥,必填 address:双向绑定地址变量 region:固定搜索城市,示例:南宁 textAlign:文字对齐方式,可选 left /center/right zIndex:弹窗层级,防止页面其他元素遮挡下拉框
注意
仅微信小程序有地址搜索功能,H5/App 正常显示输入框,不会报错 文件夹内 qqmap-wx-jssdk.min.js 文件不要删除

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 0
赞赏 0
下载 12471564
赞赏 1936
赞赏
京公网安备:11010802035340号