前端编程-大气模拟计算之预报查询

大气环境专业或者气象专业会学到WRF（气象研究预测模型）或者CMAQ（空气通用多尺度空气质量）。

WRF（Weather Research andForecastingModel）模式是由美国环境预测中心（NCEP）,美国国家大气研究中心（NCAR）等美国科研机构中心着手开发的一种统一的中尺度天气预报模式。 WRF模式系统具有的可移植，易维护，可扩充，高效率，方便等特点，使其成为改进从云尺度到各种不同天气尺度的重要天气特征预报精度的工具

CMAQ（Community Multiscale Air Quality 通用多尺度空气质量）模型，是美国环保局开发的第三代空气质量预报和评估系统（Models-3）的核心组成之一，主要用于环境规划、环境保护标准、环境影响评价、环境监测与预报预警、环境质量变化趋势、总量控制、排污许可、环境功能区划、环境应急预案、来源解析等有关政策的制定和编制。

WRF介绍网站

CMAQ介绍网站

如何将大气计算模型的结果在网页上展现和交互呢。我们介绍一下为展示和查询大气计算模型计算结果的前端开发。（注意：本文截图中使用的数据均为模拟测试数据，没有真实参考价值）

1.WRF气象预测结果按城市查询的前端页面

2.CMAQ空气质量预测结果按城市查询的前端页面

3.CMAQ空气质量预测结果按空气质量监测站点（国控站）查询的前端页面

页面逻辑

虽然是三个页面，页面交互逻辑都是一样的。下面介绍页面中的功能详情。

本文先介绍功能内容，后续将介绍详细前端代码实现细节。