工具入口：小程序首页 → 「其他」→「台风路径」包含功能：实时 / 历史台风轨迹、官方预报路径、风场 / 浪场、雷达拼图与卫星云图、台风文字播报适用版本：功能以线上体验版为准（首页图标带「新」角标）

一、功能简介

一句话：一张可交互的台风地图，把实时位置、历史轨迹、官方预报、风场浪场、雷达云图、文字播报全收进一屏。

数据源为中央气象台（nmc），接口异常时自动降级到「代理容灾」，再不行用「演示数据」，页面右上角会标出当前用的是哪一种。

二、操作步骤

1. 进入后的默认界面

打开即自动选中当前活跃台风，并把台风眼放在屏幕正中，一屏之内把下面这些信息一次给全：

• 左上角 台风名胶囊：台风名称 + 编号，点它切换台风；

• 右上角 数据源徽标：正常显示「中央气象台」；

• 顶部 播报横幅：两行摘要，点按展开全文；

• 右侧 竖排工具条：雷达 / 云图 / 风场 / 浪场 / 定位 / 回台风 / 分享；

• 左下角 强度配色图例（六档强度）；

• 地图上：旋转的风球（当前台风）、彩色实况轨迹、红色虚线官方预报路径、淡蓝概率圆、绿 / 黄 / 红风圈。

台风路径 · 进入后的默认界面

说明：主地图底图由原生地图组件提供，网页预览环境不加载瓦片，此图底图按同一份实时数据重绘；页面上的台风名、数据源徽标、播报横幅、工具条与图例均为页面真实元素。

2. 选择台风

进入页面默认选中当前活跃台风（没有活跃台风时取编号最大的一只）。

• 轻触左上角台风名胶囊（如「小熊 2629 号 ▾」）→ 从底部弹出台风列表；

• 列表顶部可切年份（近 5 年），下方逐条列出该年台风：名称 + 编号，正在活跃的会带红色「活跃」标记；

• 轻触某条即切换，地图自动重新适配视野。

台风路径 · 选择台风

说明：弹层打开时地图被半透明遮罩压暗，叠加图层会被一并遮住（页面逻辑如此）；截图环境下主地图底图不加载，说明同第 1 步配图。

3. 看懂地图上的轨迹

地图上不同线型 / 颜色代表不同含义（对照左下角强度配色图例）：

强度分级与配色（详情卡 / 播报用全称，地图左下角图例用简称）：

4. 查看某个点位的详情

轻触地图上任意一个点（历史实况点、风球、24 / 48 / 72 小时预报点）都会弹出该点位的详情卡：

• 标题为台风名称 + 强度徽标（如「小熊 · 热带风暴级」），下方给出该点的定位时间（预报点显示为「预报时间」）；

• 三行关键信息：风力（m/s 与蒲福风级）、位置（离最近参照地点的方位 + 距离，否则给经纬度）、移动（移向 + 移速）；

• 卡片下方是风圈图例（绿 = 7 级 ≥13.9 m/s、黄 = 10 级 ≥24.5 m/s、红 = 12 级 ≥32.7 m/s），并注明「风圈为各象限大风半径外框，实际风力以官方预警为准」；

• 点卡片外灰色遮罩或右上角「✕」关闭。

5. 发现台风跑出视野时

拖动地图后台风可能移出屏幕，此时屏幕边缘会出现红底指示器（箭头 + 方向 + 距离，如「↘ 东南 320 公里」），轻触它即可回到台风。

6. 风场

点右侧工具条「风场」，进入以台风为中心的风速粒子流场：粒子轨迹按风速着色，气旋的逆时针环流一眼可见；底部为风速色阶图例（0 → 24 m/s 以上）。

• 单指拖动平移、双指捏合缩放（以两指中点为锚点，缩放更稳）；

• 右上角「✕」返回台风地图。

台风路径 · 风场

7. 浪场

点右侧工具条「≈ 浪场」，进入浪高色斑图：每个网格点画出色斑（颜色越暖浪越高）、浪向箭头与浪高数值，底部为浪高色阶图例（0 → 4 米以上）。

• 手势与风场一致：单指拖动、双指缩放；

• 右上角「✕」返回台风地图。

台风路径 · 浪场

8. 雷达拼图

点右侧工具条「◍ 雷达」：

• 主图为全国雷达拼图，颜色越暖表示降雨越强（绿 → 黄 → 红 → 紫），每 6 分钟更新一帧；

• 下图为回放控制条：左侧「▶」播放 / 「❚❚」暂停（每 0.7 秒进一帧），中间滑块可手动拖到任意一帧，右侧显示「当前帧 / 总帧数」（如 3/10）；

• 图片左上角是北京时间戳，标明这一帧的观测时刻；

• 右上角「✕」返回台风地图。

台风路径 · 雷达拼图

9. 卫星云图

点右侧工具条「☁ 云图」：

• 主图为 FY-4B 可见光云图，每 15 分钟一帧，共 8 帧；

• 播放 / 滑块 / 帧号用法与雷达完全一致；

• 夜间可见光云图偏暗，页面会提示「可切到雷达查看」；

• 右上角「✕」返回台风地图。

台风路径 · 卫星云图

10. 展开播报全文

地图顶部是深色播报横幅，默认收起（最多 2 行），轻触横幅可展开全文、再点「收起 ▴」还原。

11. 定位、回台风与分享

右侧工具条自下而上还有三个常用按钮：

三、选项与手势说明

四、模块一览

五、注意事项

• 必须联网：台风列表 / 详情来自气象接口，风场浪场来自 Open-Meteo（CC BY 4.0），雷达云图直接取中央气象台的图片；断网时主地图会提示「列表加载失败」。

• 数据源三级降级：右上角徽标会显示当前数据源——「中央气象台」为直连、「代理容灾」为备用通道、「演示数据」为接口全挂时的占位数据（徽标会变橙色提醒）。看到「演示数据」时请不要参照做决策。

• 雷达 / 云图整页是图片流：偶发某帧 404 时会自动跳到更早一帧；若全部加载失败会给出「重新加载」按钮。

• 历史轨迹与预报路径仅供参考，实际以气象部门正式发布的预警为准。

• 地图底图依赖网络：底图为腾讯地图瓦片，弱网下可能先出现空白再逐步加载；轨迹与叠加图层不依赖底图，会先画出来。

• 页面底部有「反馈与建议」：遇到问题可直接在工具页提交，反馈会自动带上「台风路径」的来源信息。