openlayers 气象要素可视化,做出类似 Ventusky 的效果。
本项目是基于 vue-cli3 搭建的基础项目,因此不涉及路由处理等请知悉。
GFS grib2 数据生成灰度图。如何读取 grib2 文件并生成图片,请参考:grib2-plot,该项目生成彩色图,生成灰度图只需设置单通道颜色即可。
前台读取灰度图数据;获取屏幕坐标转行为经纬度坐标,经纬度坐标经双线性插值获取对应点的气象要素值;通过值找到对应色阶区域的颜色值,canvas 绘制矩形填色。
npm install
npm run serve