表哥的家庭旅游SYNFAMILY · JOURNEY
01 / 05
卷动滑鼠沿旅程往前 ↓ ・ 左右拖曳转头看月台
曼谷地图 · BANGKOK MAP

拖一下地图,点一栋地标。

五天四夜实际会去的地方都在这里——四面佛、郑王庙、Central World、Chatuchak、Icon Siam、Asiatique。拖曳环绕整座城市、拉杆缩放,点任一栋看那天的行程。

拖曳环绕 ・ 拉杆缩放 ・ 点地标看行程
知识图谱 · TRIP VAULT

这趟旅程,其实是一张网。

紫色是旅程本体、绿色是天数、蓝色是地点、橘色是人物、红色是主题标签(#动漫桌游展 #美食 #购物…)。陈信宏、Amy姐、陈定一、沉思依各自牵出一个小群集,四个小群集紧紧靠在一起、合起来正是一整趟旅程;粗的橘色箭头线是「下雨/预算超标 → 改走」的因果链,跨过不同人的群集把整趟行程串成一条完整的因果关系。滚轮缩放、拖曳空白处平移、拖曳节点、点一个看它牵动整张图的哪些角落。

旅程 天数 地点 人物 主题标签 因果链(雨天/预算备案 → 改走)
月台大厅 · STATION

最后一站,回头看看整趟旅程。

拖曳环绕、滚轮缩放,点两块吊牌跳回曼谷地图或知识图谱,点中央站名牌回到最上面重新出发。

拖曳环绕 ・ 滚轮缩放 ・ 点吊牌导览
技术架构 · SYSTEM ARCHITECTURE

这个网站,其实只有一份资料档在开车。

你刚滑过的四段场景,背后是同一份 trips.js 分流出去的。下面是这个站真实的 IO 架构、模组分层、程式码组成——换掉资料档就能变成任何一趟旅程,场景代码完全不用碰。