我用 AI 把一份旅游攻略，做成了能交互的网页

暑假带家人自驾的计划一敲定，第一道难题就来了：攻略怎么整理？

过去我试过三种方式：

直到这次，我试着让 AI 把我的行程「可视化」——结果一份普通文字行程，几分钟内变成了一个能点、能翻、能装在手机里的网页。

它长什么样

输入只是一段大白话行程：哪天从哪到哪、住哪、玩啥、赶海几点。AI 产出的是一个单文件 HTML 页面，打开就有：

整个文件离线就能读，手机打开也自适应，发出去家人点开即看。

下面是地图区域的效果——9 天路线全部标在地图上，圆牌数字就是游玩顺序，颜色区分天数，点击天数按钮可以筛选当天点位：

我的真实案例：9 天江浙环线

这回跑的是义乌出发、9 天 8 晚的江浙小环线，全程国道不走高速，住的全是本地民宿，还塞进了两个亲子免费赶海点。

总路线：义乌 → 湖州南浔 → 南京（2 晚）→ 盐城东台条子泥（赶海）→ 启东黄金海滩（赶海）→ 苏州（2 晚）→ 嘉兴西塘 → 义乌

兼顾南京人文深度游 + 沿海两大免费/低价赶海点，每天车程控制在 3–4 小时，顺向不折返。

每日行程

Day1：义乌 → 湖州南浔 · 初识水乡

Day2：湖州 → 南京 · 秦淮夜色

Day3：南京全天深度游（不挪车）

Day4：南京 → 盐城东台条子泥 · 首次赶海

Day5：东台 → 启东黄金海滩 · 第二处赶海

Day6：启东 → 苏州 · 园林初见

Day7：苏州全天休闲游（不换民宿）

Day8：苏州 → 嘉兴西塘 · 夜游古镇

Day9：嘉兴 → 义乌（返程）

两大核心赶海点对比

国道自驾 & 赶海必备贴士

行车
- G228 沿海风景好但红绿灯密集，每天车程控制在 4 小时内
- 纯电车提前查国道沿线充电桩

赶海安全（重中之重）
- 提前查当日潮汐表（推荐「全球潮汐」App），最低潮前 2 小时到达收获最大
- 涨潮前 1 小时必须上岸！禁止长时间停留滩涂深处
- 7 月海边紫外线极强：防晒衣、宽檐帽、SPF50+ 每 2 小时补涂
- 滩涂蚊虫凶猛，驱蚊液必带；穿溯溪鞋防滑防划伤

装备清单
小桶、铲子、食盐（挖蛏子专用）、溯溪鞋、防晒衣、帽子、儿童防晒霜、驱蚊液、手机防水袋、换洗衣物多带 2 套

这就是上面这段文字行程，被 AI 可视化后的实际效果——每天一张图文卡片，左边真实景点照片，右边时间/地点/评分/贴士一应俱全：

每个景点的配图都是 AI 自动从百度百科抓的真实照片，不是占位色块——页面打开就是成片的效果。

工作流其实就三步

全程我没有碰一行代码，没有装任何设计软件。

为什么值得试

旅游攻略这种「信息多、要好看、要随身看」的东西，恰恰是 AI 可视化最舒服的场景。普通人不用学设计软件、不用写网页，也能做出一份拿得出手的家庭旅行手册。

下一步我打算把每次出行的攻略都这么存下来——既是计划，也是游记。