VoyaGO 列表视图与地图视图双模式切换 两种查看行程的方式
两种模式的用途
VoyaGO 的行程编辑界面同时提供两种查看方式，一个偏时间线，一个偏空间感：
- 列表模式：按天、按时间顺序排列所有地点，方便你逐行确认每个时间段的安排
- 地图模式：把所有地点标在地图上，用连线显示路线走向，一眼就能看到整体布局和距离
两种模式可以随时切换，它们展示的是同一份行程数据——切换不会改变任何内容，只是换了一种视角。
列表模式详解
界面布局
列表模式下，你的行程按日期分块显示：
- 顶部是日期标签（如「4.12 周一」「4.13 周二」）
- 每一天下面按时间顺序列出所有地点
- 每个地点卡片通常包含：时间、名称、简短描述、交通方式提示
- 地点之间有间隔线或交通方式标记（如步行、打车、地铁）
适合做什么
- 逐天审查行程：从上到下快速过一遍，看有没有不合理的时间安排
- 手动调整顺序：直接按住拖拽，把某个地点移到前一个或后一个
- 添加时间备注：点开每个地点卡片补充到达时间、停留时长、注意事项
- 多人协同时：看到谁加了什么、改了什么（实时同步）
顶部工具栏
列表模式的顶部通常有：
- 添加地点按钮（手动加新地点）
- 切换到地图模式按钮
- 智能路线优化入口
- 协作/分享入口
地图模式详解
界面布局
地图模式把所有地点投到地图上：
- 每个地点用一个标记点标注在它的真实位置
- 不同日期的地点可以用不同颜色或不同序号区分（截图里显示了数字序号 1、2、3...）
- 点与点之间有连线，显示路线走向
- 点与点之间会标注距离或交通时间（如「300 米，步行 5 分钟」）
适合做什么
- 空间感检查：在地图上看一眼就知道哪些地点扎堆、哪些分散
- 识别绕路：路线连线如果呈"之"字形或大幅折返，说明顺序可以优化
- 确认地理位置：快速确认某个地点在城市的哪个区域
- 配合路线优化：在地图模式下更直观地看优化前后的变化
地图交互
- 缩放和平移：看整个城市布局还是某个街区细节
- 点击标记：弹出该地点的基本信息（名称、时间、描述）
- 长按拖拽：部分版本支持在地图上直接拖动地点标记来调整顺序
- 日期过滤：只看某一天的地点，减少地图上的标记数量
什么时候用哪种
| 场景 | 推荐模式 |
|---|---|
| 攻略提取后第一次过行程 | 先列表（按时间审查），再地图（看空间分布） |
| 路线优化前 | 地图模式快速发现绕路 |
| 路线优化后 | 地图模式看新路线是否更顺 |
| 多人协同时修改 | 列表模式（时间线更清晰） |
| 旅行中临时调整 | 地图模式（快速看离下一站多远） |
| 出发前最后确认 | 两种都过一遍 |
两种模式下的编辑一致性
不管在列表还是地图模式下编辑，底层数据都是同一份：
- 在列表里拖顺序 → 地图上的连线自动更新
- 在地图里标记地点 → 列表里自动新增对应条目
- 在其中添加备注 → 另一个模式里点开同一个地点能看到
这个设计的好处是——你不需要「保存切换」，任何操作即时生效。