用途:把周末木屋旅行当作实时运营室来协调多家庭公路出行,集中管理车队、行程与后勤。
主要能力:深色主题仪表盘;基于 Google Maps 的路线渲染与车队回放;按天推进的时间线回放;餐饮后勤与购物清单;活动安排;费用分摊计算;各家庭打包清单;Framer Motion 全屏覆盖层。
使用方式:克隆仓库后执行 npm install,复制 .env.example 为 .env 并填入 VITE_GOOGLE_MAPS_API_KEY(可选 VITE_GOOGLE_MAP_ID),再运行 npm run dev,打开 Vite 输出的地址。所有行程数据集中在 src/tripModel.js 的 trip 对象中,编辑该文件即可新增家庭、天数、餐饮、活动、费用与清单,界面会自动响应。
限制:无后端与鉴权,状态为本地,刷新会重置为种子数据,除非自行加入 localStorage 持久化;未配置 Maps API Key 时界面仍可渲染,但实时地图图层不会初始化;Directions API 需单独启用;布局针对桌面优化,默认不提供移动端响应式;部署使用自有 Key 时按 Google Cloud 项目计费,建议限制 Key 域名。