生活娱乐 | AI城市微度假陪伴规划师-初赛

u2883392205239684 · 2026 年6 月 22 日 13:05

一、创意名称 + 创意介绍

创意名称： AI城市微度假陪伴规划师

想解决什么问题：
普通居民周末想出门放松，却卡在"去哪、怎么去、花多少、适合谁"四个问题上。信息散落在小红书、大众点评、高德地图等多个平台，拼凑一份完整行程平均需要2小时以上，且年轻人潮流攻略不适合带老人孩子，亲子攻略又让年轻人觉得无聊。缺少一个能理解人群差异、一键生成完整方案的本地游玩规划工具。

大概是什么产品：
基于TRAE平台开发的AI陪伴规划师，集成商汤SenseNova大模型和高德地图，通过对话式交互，自动识别用户所在城市和出行需求，调用9项核心功能完成城市点位检索、行程路线排布、预算与交通规划、社交文案生成、特殊人群专属定制、AI实时对话、地图导航、高德实时POI搜索、语音输入与暗色模式，5分钟内输出一份可直接执行的微度假方案。

二、Demo功能展示

1. 智能规划表单

用户通过可视化表单选择城市（6大城市）、出行时长（半日游/单日游/2天1夜）、同行人群（学生党/情侣/亲子家庭/老年群体）、预算区间（滑块调节）、偏好标签（文化/美食/购物/休闲/景点），AI根据这些参数生成专属方案。

规划表单

2. AI思考动画

点击"AI生成微度假方案"后，展示5步AI思考过程：分析城市点位库→匹配人群偏好→优化路线排布→计算预算分配→生成社交文案，每步带有进度指示，让用户感受AI工作的过程。

3. 行程安排（时间轴展示）

生成结果以时间轴形式展示每日行程，包含每个点位的名称、时间、评分、建议游览时长、点位间交通方案和预计费用。

行程安排

4. 高德地图导航（NEW）

接入高德地图瓦片，行程点位在真实地图上可视化展示：

彩色编号标记（按类别分色：文化紫/美食橙/景点绿/购物粉/休闲蓝）
虚线路线连接各点位，直观展示游览顺序
点击标记弹出详情（名称、评分、类别、费用）
地图图例说明

地图导航

5. 预算明细（可视化图表）

预算分5大类展示：交通、餐饮、门票、住宿、购物，每类按实际POI分类精确计算，含总预算、点位数、总时长概览卡片和预算分配条形图。

6. 社交文案生成

一键生成小红书风格和朋友圈风格的分享文案，含emoji、话题标签、路线列表、预算明细，支持一键复制。

7. AI实时对话（NEW）

集成商汤SenseNova大模型，支持自然语言对话：

用户可询问路线建议、出行准备、隐藏推荐、省钱攻略等
AI根据当前行程方案上下文，提供个性化建议
预设4个快捷问题，点击即问
API不可用时自动降级为本地智能回复（离线模式）

AI对话

8. 人群定制对比

展示同一城市下4类人群的不同方案对比，直观体现AI如何根据人群特点调整点位选择和预算分配。

9. 高德实时POI搜索（NEW）

接入高德POI搜索API，行程页面内置搜索框，用户可实时搜索景点、美食、商场等兴趣点：

搜索结果来自高德地图真实数据库，带LIVE标识
显示点位名称、地址、类别
支持关键词自由搜索，补充硬编码数据之外的实时信息

10. 语音输入+暗色模式+PWA（NEW）

Web Speech语音输入：AI对话支持语音输入，点击麦克风按钮说出问题，自动识别并发送
暗色模式：支持深色/浅色模式一键切换，自动保存用户偏好
PWA离线支持：Service Worker缓存核心资源，断网仍可查看已生成方案
日程导出：一键导出.ics日历文件，可导入手机日历App
Web Share分享：调用浏览器原生分享API，一键分享到微信/微博等社交平台
行程图片导出：Canvas生成精美行程图，可保存分享

三、技术实现亮点

真实AI集成

商汤SenseNova大模型：通过OpenAI兼容API接口调用，支持上下文对话
智能降级机制：API不可用时自动切换本地算法，确保Demo始终可用
上下文感知：AI对话携带当前行程方案作为system prompt，回答针对性更强

高德地图集成

高德地图瓦片：使用高德矢量地图瓦片，中文标注清晰
Leaflet引擎：轻量级地图引擎，支持缩放、拖拽、弹出框
可视化路线：彩色标记+虚线连线，直观展示游览顺序
高德POI搜索API：实时搜索景点、美食、商场，数据来自高德真实数据库

前沿Web API应用

Web Speech API：语音输入，说出问题即可获取AI建议
Web Share API：调用浏览器原生分享，一键分享到社交平台
Service Worker：PWA离线缓存，断网仍可查看方案
Canvas API：生成精美行程图片，可保存分享
.ics日历导出：标准日历格式，可导入手机日历App
暗色模式：CSS变量驱动，一键切换深色/浅色主题

数据库设计

覆盖6大城市（北京、上海、成都、杭州、广州、西安），每城8个精选点位，共48+POI
每个POI包含：名称、类别、游览时长、费用、评分、emoji图标、描述、人群适配标签、经纬度坐标
5大类别：景点、美食、购物、文化、休闲

AI推荐算法

偏好过滤：根据用户选择的偏好标签筛选POI
人群适配：根据人群特征（for标签）二次过滤
智能排序：按人群偏好类别优先排序
时长匹配：半日游3个点位、单日游5个点位、2天1夜7个点位
预算精算：按POI类别分别计算交通/餐饮/门票/住宿/购物费用

四、TRAE开发过程

Session ID

本Demo使用TRAE平台开发，以下为开发过程中的Session ID：

Session 1：创意构思与报名帖生成（TRAE Work）
- Session ID: 6a1a2444a0dc1ea27e7ed90b
- 内容：使用TRAE Work生成创意产物HTML，完成报名
Session 2：Demo核心功能开发
- Session ID: 6a1d85a82604d6b5d54382dc
- 内容：构建HTML单页应用，实现规划表单、AI推荐算法、结果渲染
Session 3：功能测试与优化 + AI/地图集成升级
- Session ID: 6a20b66f107fb964b7cffc76
- 内容：浏览器测试全部功能，修复预算分类计算bug，集成商汤SenseNova大模型AI对话和高德地图可视化
Session 4：九大功能全面升级 + 冲刺优化
- Session ID: 6a3908a35fcfe89b8c20a24c
- 内容：新增高德POI搜索API、Web Speech语音输入、暗色模式、PWA离线支持、.ics日历导出、Web Share分享、Canvas行程图导出，全面修复AI API响应解析，参赛帖定稿

开发截图

- 首页Hero区域与九大核心功能展示
- 行程时间轴与点位详情
- 高德地图可视化导航
- 商汤大模型AI实时对话

五、与报名创意的一致性

本Demo严格遵循报名帖中的创意方向，完整实现了报名时描述的5项核心Skill，并额外新增4项AI驱动功能：

报名描述的Skill	Demo中的实现
城市点位检索	6城市48+POI数据库，支持类别筛选和人群适配
行程路线排布	AI根据时长/偏好/人群自动选点，时间轴展示
预算与交通规划	5类预算精算，步行/公交/打车交通方案
社交文案生成	小红书+朋友圈双风格文案，一键复制
特殊人群专属定制	4类人群profile，不同预算倍率和偏好
AI实时对话（新增）	商汤SenseNova大模型，自然语言问答+语音输入
高德地图导航（新增）	高德地图瓦片+Leaflet引擎，POI可视化
高德实时POI搜索（新增）	高德POI搜索API，实时搜索景点美食商场
暗色模式+PWA+导出（新增）	深色模式切换+离线缓存+日历/图片导出+Web Share