高德多目的地路线规划师
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_5a90548c/amap-route-planner。
技能介绍
解决什么问题
多站点出行的路线规划往往很繁琐:手动拖拽排序、逐个输入地址容易出错,截图里的地址文本还得重新敲。多数现有工具只支持两点一线,无法按顺序拼接多日行程。这个技能把「起点 + N 个目的地 + 交通方式」的规划过程收进一个单文件 Web 应用,并提供截图 OCR 与按天分组,适合临时拼行程、跑外勤或规划多日自驾的场景。
核心能力
- 地址输入:
AMap.AutoComplete+AMap.PlaceSearch提供候选列表,必须从候选中选择以避免地理编码歧义;支持省/市/县三级搜索范围 - 三种交通方式:自驾(
AMap.Driving,多途经点)、公交(AMap.Transfer,换乘方案)、步行(AMap.Walking) - 路线顺序:智能优化(最近邻自动排序)或自定义顺序(拖拽 / ↑↓ 按钮调整)
- 截图 OCR:
Ctrl+V粘贴截图,Tesseract.js v4 加载chi_sim中文模型识别,结果可编辑后批量添加为目的地 - 多日行程:1-7 天分组,每个目的地带 day 徽章,前一天最后一个目的地自动作为下一天起点
- 自驾偏好:最短距离 / 最快时间 / 最少费用,可避开轮渡;
AMap.TrafficLayer实时路况 - 导出与持久化:PNG 截图(
html2canvas)、打印/PDF、base64 URL hash 分享链接;路线存localStorage,断网时可查看缓存 - 主题与适配:暗色/标准/浅色地图样式循环、明暗主题切换、移动端抽屉式侧栏、ARIA 标签与键盘导航
部署方式
技能产出的 assets/index.html 是自包含单文件,启动本地 HTTP 服务器即可打开。首次使用时弹出密钥输入框,用户需在高德开放平台创建「Web端(JS API)」类型的 Key,并把 localhost 和 127.0.0.1 加入域名白名单。Key 仅保存在浏览器 localStorage,不上传任何服务器,调用量消耗在用户自己的配额中。
适用边界
- Key 类型必须是「Web端(JS API)」;「Web服务」类型没有安全密钥,无法用于浏览器端
- 个人开发者有免费配额(LBS 15万次/月、搜索 5,000次/月),商业使用需购买技术服务许可
- OCR 中文模型约 10MB,首次使用时才从 CDN 懒加载,离线环境下识别不可用
- 路线缓存依赖
localStorage,清除浏览器数据会导致已保存路线丢失
使用场景
- 货拉拉或网约车司机要规划一天的送货顺序,拖拽调整多个小区停靠点
- 旅行博主要整理三天自驾拍摄行程,按拍摄点分组汇总每天里程和时长
- 装修监工要串起建材市场的采购点与工地地址,避开轮渡路段规划路线
- 外勤销售要拜访多个客户地址,按最近邻优化顺序并导出路线截图
适合人员
- 每天要跑多个外勤地点的销售,需要一个工具按顺序拼接拜访路线
- 规划多日自驾游的旅行者,希望按天分组管理景点停靠点
- 需要把截图里的地址批量转成导航点的行政或后勤人员
- 会写前端页面、想快速部署一个带地图功能内部工具的开发者