充电停车一体地图
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_af163eaa/z-map-chargepark。
技能介绍
痛点:从 POI 关键词到可交互地图
在处理出行或生活服务类需求时,用户经常提出「帮我看周边有哪些充电桩」这类请求。传统做法往往只能返回一个文本列表,缺少空间分布的直观展示。对于涉及城市级网点(如加油站、停车场、药店等)的可视化场景,手动编写前端地图代码不仅重复,还容易踩中坐标合规与密钥管理的坑。这个技能旨在把「文本关键词 → 可交互 HTML 地图」这条链路自动化。
工作原理与核心步骤
该技能是纯规则/前端模板型工具,核心流程如下:
- 参数确认:读取用户指定的城市(默认为深圳)与网点关键词。
- 密钥读取:通过环境变量
AMAP_KEY获取高德开放平台的 API Key。若缺失则提示用户配置,绝不将 Key 硬编码在仓库中。 - POI 拉取:请求高德 REST API(
restapi.amap.com/v3/place/text)获取前 N 条结果(名称、地址、经纬度、电话等)。 - 地图渲染:利用高德 JS API 2.0 生成自包含的 HTML 文件。包含标点、信息窗和点聚合功能,并将业务字段(如油价、空位)写入信息窗。
- 交付与校验:输出
.html文件,并加载geo-map-compliance-guard技能进行合规校验。
适用边界与注意事项
- 数据真实性:对于评价、实时空位等需要平台授权的数据,禁止编造。缺失的业务字段需使用示例数据并明确标注「示例」。
- 地图合规:仅支持高德地图(AMAP,GCJ-02 坐标),严禁使用 Google Maps 或其他境外底图。
- 运行环境:POI 搜索与地图渲染需要联网。该技能支持在 WorkBuddy、Claude、Cursor 等多种客户端中通过自然语言触发。
- 数据路径:示例数据需存放在技能目录相对路径
data/points.json,避免硬编码绝对路径。
使用场景
- 在规划周末自驾游时,快速生成沿途充电桩分布图,直观查看各站点位置与快慢充类型。
- 确认出差目的地周边停车场时,拉取网点地图并在信息窗展示空位与收费标准等业务字段。
- 分析城市便利店或药店密度时,通过 POI 搜索与点聚合呈现网点的空间分布特征。
- 为出行类小程序验证地图交互时,用自然语言生成自包含 HTML,快速查看标点与信息窗效果。
适合人员
- 前端工程师需要集成地图功能时,用自然语言快速生成高德 HTML 原型验证交互与合规。
- 产品经理想搭建 POI 地图 Demo 时,无需手写代码即可查看网点分布与信息窗效果。
- 数据分析员需要把网点经纬度生成交互地图时,辅助城市设施分布的可视化分析。
- 出行内容运营人员需要根据城市与关键词快速生成充电桩或停车场网点地图并交付 HTML。