【标签】生活娱乐
【标题】生活娱乐 — 智途 SmartJourney：AI 智能旅游规划平台
1. Demo 简介
是什么：一个基于 AI + 高德地图的 Web 端智能旅游规划平台（SPA 网站）。
面向谁：有出行计划但不想花大量时间做攻略的旅行者——情侣出游、家庭旅行、朋友结伴、独自旅行均适用。
主要功能：
-
AI 画像式问卷 + 实时景点数据
通过自然对话式问卷分析用户偏好，自动匹配情侣/家庭/学生等6种画像。接入高德地图 Web 服务 API，实时拉取目的地真实景点数据（含评分、门票、坐标），不再依赖静态数据库。 -
多城市跨省行程 + 智能交通推荐
支持单选或多选目的地城市，自动分配各城市天数。跨城交通支持 5 种方式（高铁/动车/普速/飞机/自驾），根据距离、人数、预算智能推荐最优方式，也可手动指定。省内城市间交通严格遵循用户所选方式，费用均摊到每人。 -
六维度方案对比 + 逐日时间规划
每次生成 3 套差异化方案（兴趣优先/高评精选/经济深度），通过雷达图可视化对比。每天行程精确到分钟——景点时间、景点间交通耗时、用餐时段（含推荐餐厅）、酒店往返交通，总时长不超过 24 小时。
2. Demo 创作思路
灵感来源：每次规划旅行都要在多个 App 之间切换——查攻略、比价格、看交通、订酒店，耗时耗力。市面上缺乏一个能一站式完成"偏好分析 → 城市选择 → 交通推荐 → 景点排期 → 预算明细"的工具。
想解决的问题：
-
攻略碎片化：小红书、马蜂窝、12306、美团…信息分散，缺少整合
-
时间规划不合理：多数行程只列景点不排时间，实际游玩时才发现赶场或空闲
-
预算心中没数：交通、住宿、门票、餐饮各自估算，最后总花销远超预期
为什么做这个方向：旅游是高频刚需场景，AI 在个性化推荐和日程规划上有天然优势。选择接高德地图 API 而非自建数据库，保证景点数据实时更新、覆盖全国所有城市。
3. Demo 体验地址
在线体验：http://localhost:5174/ （本地开发环境，需先启动）
生产构建：已生成 dist/ 静态文件，可部署到任意静态服务器。或直接下载压缩包：
Plain Text
项目目录：D:\大学资料\AI创作\TRAE AI比赛\trae-travel-ai
压缩后上传社区即可
启动方式（评审方如需本地运行）：
Bash
npm install
# 复制 .env.example 为 .env，填入高德API Key
npm run dev
4. TRAE 实践过程
整个项目从零到完整功能，全程使用 TRAE IDE 完成。
开发流程概览：
| 阶段 | 主要任务 | TRAE 的角色 |
|---|---|---|
| 项目搭建 | React + Vite + TypeScript 脚手架 | 一键生成项目结构 |
| 核心算法 | 行程规划引擎、POI 排期、地理聚类 | 分析需求 → 编写算法 → 调试边界条件 |
| API 集成 | 高德地图 POI 搜索、天气、交通规划 | 编写 API 封装、缓存机制、数据转换 |
| UI 开发 | 问卷对话、方案对比、行程详情、DIY 编辑 | 组件开发、状态管理、交互逻辑 |
| Bug 修复 | 多城市丢失、预算翻倍、交通方式错误等 | 定位根因 → 修复 → 验证编译 |
关键开发步骤截图（建议截取以下场景）：
-
TRAE 对话中编写
generateOverviewPlan多城市行程算法 -
TRAE 中调试高德 API 实时数据注入逻辑
-
TRAE 中修复预算计算 bug（自驾费用分摊）
-
最终效果：方案对比页面 + 六维度雷达图
关键任务 Session ID：
| Session ID | 任务内容 | 日期 |
|---|---|---|
6a4627e41df021247a99a750 |
动态多维度 DIY 规划、自定义城市、300+城市坐标库、Haversine 距离计算 | 2026-07-03 |
6a4627e41df021247a99a750 |
时间规划算法升级：scheduleDayPOIs、用餐时段、自然景观时间窗口、酒店往返交通 | 2026-07-07 |
6a4627e41df021247a99a750 |
高德API实时数据集成、多城市修复、预算计算修复、交通方式修复 | 2026-07-10~11 |
注意：以上 3 个 Session ID 实际为同一长会话的不同阶段（TRAE 支持跨天连续对话），对应 3 个不同开发里程碑。如需查看具体对话记录，可在 TRAE IDE 中通过 Session ID 检索。
开发心得
-
AI 辅助不等于 AI 替代：TRAE 在代码生成、Bug 定位上效率极高，但核心算法设计（如 POI 地理聚类、时间调度约束）仍需人工思考业务逻辑，再由 AI 转化为代码。
-
先定约束再写代码：行程规划类应用最怕"写出来跑不通"。我们在 project memory 中预设了 7 条硬约束（如每日起始时间 ≥ 07:30、总时长 ≤ 24h、自驾费用需分摊等），TRAE 每次生成代码都会自动遵守这些规则，大幅减少返工。
-
API 缓存很重要：高德 API 有调用频率限制，我们实现了 5 分钟内存缓存，同一城市的景点数据在有效期内不重复请求，既节省配额又提升响应速度。
技术栈
React 19 TypeScript Vite 高德地图 Web 服务 API ECharts Haversine 地理算法
智途SmartJourney-Demo.zip (1.8 MB)
开发日志.html (19.8 KB)