更新记录

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 页面使用

功能

  1. 输入文字自动搜索地址,下拉展示完整省市+地标
  2. 地址排版规范:省市区道路在前,车站/小区在后
  3. 修复弹窗闪烁,切换页面自动清空请求无残留
  4. 可自定义文字对齐、弹窗层级
  5. 点击空白自动关闭弹窗、收起键盘

使用步骤

  1. 腾讯地图开放平台申请密钥key
  2. 页面直接引入组件
    <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 文件不要删除

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。