高德智能出行助手

人工智能其他案例ID：237165

I see

1 年经验· 湖南工业大学

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

这是一个基于高德地图 JS API v2.0 构建的、运行在 Web 端的智能出行 Agent 。
它打破了传统地图应用“层层点击”的操作模式，采用 Chat-to-Map（对话即地图）的交互范式，让用户通过自然语言即可指挥地图完成复杂的出行任务。
核心亮点 (Why it's cool)
1. 对话式交互 (Chat-to-Map)
- 所想即所得：无需寻找菜单，直接输入“ 去天安门 ”、“ 找附近的加油站 ”或“ 明天北京天气 ”，助手会自动解析意图并呈现结果。
- 多模式规划：智能识别“ 走路去”、“ 坐车去”等关键词，自动切换步行、驾车或公交/地铁导航模式。
2. 永不失联的定位能力
- 针对 Web 端定位容易失败的痛点，首创 “GPS + IP”双重定位保障。
- 优先使用高精度 GPS 定位；一旦失败（如信号弱或权限拒绝），毫秒级自动降级为 IP 城市级定位，确保用户永远不会看到“白屏”，至少能获取所在城市的信息。
3. 实用工具箱
- 交互式搜索：搜索结果不仅是列表，点击即可在地图上飞跃（FlyTo）至目标点并查看详情。
- 测距工具：支持通过指令唤起鼠标测距功能，方便户外运动或规划。
4. 全平台适配
- 采用响应式设计，支持 PC 端和移动端无缝切换。
- 内置二维码生成功能，PC 开发代码，手机扫码即刻体验。
技术栈
- 前端框架：Vite 5.x + 原生 JavaScript (无繁重框架依赖，极致轻量)
- 地图引擎：高德 JS API v2.0 (AMap.Driving, AMap.PlaceSearch, AMap.Weather 等)
- 架构模式：模拟 MCP (Model Context Protocol) 的 Agent 架构，将高德 API 封装为可调用的 Tools。