新能源充电桩地图
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_af163eaa/z-ev-charging-map,用于按城市生成新能源充电桩地图。
技能介绍
从零散 POI 到可交互的充电地图
新能源车主做城市补能规划时,往往要在导航 App、充电运营商小程序、地图网页之间反复切换:这个站到底有多少根桩?是快充还是慢充?全城分布长什么样?本技能把「查本市充电桩」这件事压缩成一个本地 HTML:输入城市名,拉取高德 POI,解析快慢充,渲染点聚合地图,点开信息卡即看。
核心流程
- 数据拉取:用 Python 调高德「关键字搜索」API(
https://restapi.amap.com/v3/place/text),按城市分页拉全量充电站,写入技能目录内的data/stations.json;每页间隔 ≥200ms 避免触发配额限制。 - 数据解析:提取每条 POI 的名称、地址、经纬度、运营商;充电桩总数与快/慢充数优先取 API 返回值,接口未提供时标注「数量未公开」,不编造数字。
- 地图渲染:生成单文件
charging-map.html,引入高德 JS API 2.0,用AMap.MarkerCluster做点聚合;点击弹信息卡(名称 / 地址 / 总数 / 快充数 / 慢充数 / 运营商),侧边列表支持名称搜索与点击联动定位,响应式适配手机与桌面。 - 合规校验:底图必须基于高德,确保中国国界与海岸线正确,加载
geo-map-compliance-guard兜底。
适用边界
- 依赖高德 POI 数据覆盖度,极偏远地区点位可能不全。
- 需要用户自备高德 Web 服务 key(免费个人版有日配额),通过环境变量
AMAP_KEY注入,不写死真实 key,也不硬编码个人绝对路径。 - 输出是纯静态快照,不含实时空闲桩状态;也不包含用户评价模块,按需求只展示点位与快慢充类别。
使用场景
- 新能源车主临时到一座陌生城市,想一眼看全市区充电桩位置与快慢充类型,规划补能路线。
- 车队运营在为一批纯电车辆制定跨城补能计划,需要按城市拉取充电站列表并标注运营商。
- 技术博客作者在做充电桩主题文章,需要生成某市充电站点聚合地图作为配图与数据核对底稿。
- 产品经理要验证「查本市充电桩」需求的落地效果,用单个 HTML 快速产出可视化 demo 供评审。
适合人员
- 新能源车主:有续航焦虑,出行前需确认目的地附近充电桩位置、数量与快慢充类型。
- 车队或物流运营:管理多辆纯电车辆,按城市批量梳理补能站点并对比运营商分布。
- 前端工程师:想复用高德 JS API 2.0 的点聚合与信息卡交互,做一个纯静态地图 demo。
- 数据分析爱好者:关注城市充电基础设施覆盖度,习惯用公开 POI 数据做分布统计与可视化。