更新记录

1.0.0（2025-03-06） 下载此版本

目前第一版本

平台兼容性

uni-amap-surrounding-search （插件名称） 高德地图周边POI搜索组件（支持分类检索/距离计算/导航联动）

🌐 适用场景

房产小程序（周边配套展示） 本地生活服务（商家智能推荐） 出行导航工具（实时位置检索） 智慧城市项目（区域设施分析） 🚩 核心能力

Diff

• 开箱即用 = 高德API + 预置交互 + 多端适配
• 性能优化 = 自动距离计算 + 智能排序 + 懒加载渲染
• 深度扩展 = 分类/样式/交互全支持自定义 💡 为什么选择这个插件？

省时：相比原生开发节省80%地图功能开发时间 可靠：基于高德官方SDK深度封装，数据精准稳定 灵活：支持二次开发，轻松对接您的业务逻辑 合规：内置高德授权机制，规避地图服务合规风险

功能特性 📍 分类检索：预置教育/交通/生活/医疗/健身五大分类 📏 智能排序：自动计算1km范围内POI直线距离并排序 🚀 导航联动：点击结果直接跳转地图导航 🎯 中心点标记：支持自定义中心位置图标 📱 多端兼容：完美支持H5、小程序、App三端 安装方式 HBuilderX导入 右键项目 -> 插件市场 -> 搜索 "高德周边搜索" -> 导入

! 必须完成此配置否则无法使用 !

步骤指引：

① 前往高德开放平台 → 注册/登录

② 进入「应用管理」→ 创建新应用 → 选择「微信小程序」类型

③ 添加Key时填写您的小程序AppID（与微信公众平台一致）

快速使用 HTML

配置参数 Props 参数 类型 必填 默认值 说明 longitude Number 是 - 中心点经度 latitude Number 是 - 中心点纬度 address String 否 '' 中心点名称（导航显示用） 数据返回 Js // allPOIs 数据结构 [ { name: "深圳大学", distance: 350, // 单位：米 lng: 114.074613, lat: 22.543093, //...其他高德原始字段 } ] 自定义配置 修改分类按钮 Js // 在父组件中覆盖默认分类 const customCategories = [ { label: '餐饮', value: 'food' }, { label: '景点', value: 'scenic' } ];