路线详情页功能设计

页面路径

home/route-detail

页面结构

• 头部信息：返回、分享、封面图、标题、基本信息
• 操作功能：收藏、开始导航、语音导览开关
• 路线概览：地图预览与总览信息
• 节点列表：景点节点逐项展示
• 语音导览区：当前讲解、播放控制、进度条
• 评论互动区：评论输入与评论列表
• 相关推荐：相似路线推荐

核心交互

地图预览

• 展示路线整体路径和节点位置
• 点击后可进入全屏地图查看
• 节点可点击查看详情

节点列表

• 支持展开/收起
• 点击节点弹出详情
• 节点可跳转图文详情或直接收听讲解

语音导览

• 到达节点时自动播放讲解
• 支持暂停、播放、上一段、下一段
• 语音进度与地图节点进度同步
• 支持提前下载语音包离线使用

开始导航

• 导航前校验位置权限
• 获取当前位置并规划至起点路径
• 导航中展示实时位置、方向和剩余距离
• 接近节点时自动提醒并播放讲解

互动设计

• 评论：1-500 字，支持表情、点赞、回复、举报
• 收藏：支持状态切换并同步服务端
• 分享：支持好友、朋友圈、海报，并记录分享次数