OpenLayers风场图

2024-04-12 11:39:48

用到的插件是ol-wind，作者除了Openlayers风场插件外还有其他平台的，详见wind-layer

获取数据

git里有如何获取数据的介绍，这里记一下我的实践过程。
数据来源是nomads，见下图。git上curl命令里的下载地址现在好像不好使了，所以我用的是GFS 1.00 Degree，点击grib filter可以进入后续的筛选。

一路往后点，到这个页面

上面应该是一些参数啥的，总之就照着git上curl命令里的参数选
或者修改curl命令里的数据源，把filter_gfs.pl改成filter_gfs_1p00（这个数据源是我随便选的，想选其他的在图1里找）
总之，不管是在网页上还是curl命令，最后下载好一个.grib2文件(curl命令下的没有扩展名)。
下面需要使用grib2json，一个java工具，将它转成json。
先去git上把grib2json下下来，然后mvn package，解压tar.gz，cd到bin目录下，运行grib2json --help，有下图就成了

运行grib2json -d -n -o current-wind-surface-level-gfs-1.0.json gfs.t00z.pgrb2.1p00.f000，后边是grib2文件名，前边是输出的json文件。

前端调用示例

用的是typescript，js自行修改

  /*** 添加风场图层*/public addWindLayer() {// 数据源暂时写死const res: any = require('../assets/json/test3.json');const windLayer: any = new WindLayer(res, {forceRender: false,windOptions: {// particleMultiplier: 1 / 120, // 粒子路径数量的系数，不推荐使用（视野宽度 * 高度 * 系数），没看出差别velocityScale: 1 / 800, // 对于粒子路径步长的乘积基数,越大越快paths: 750, // 生成的粒子路径数量,越大线条越多maxAge: 15, // 粒子路径能够生成的最大帧数colorScale: ['rgb(36,104, 180)','rgb(60,157, 194)','rgb(128,205,193 )','rgb(151,218,168 )','rgb(198,231,181)','rgb(238,247,217)','rgb(255,238,159)','rgb(252,217,125)','rgb(255,182,100)','rgb(252,150,75)','rgb(250,112,52)','rgb(245,64,32)','rgb(237,45,28)','rgb(220,24,32)','rgb(180,0,35)'],frameRate: 10// width: 3,// generateParticleOption: false},// map: map,projection: 'EPSG:3857'});// 离谱了，不设置成1之外会遮盖其他图层windLayer.setOpacity(0.9);this.map.addLayer(windLayer);}

OpenLayers风场图相关推荐

海洋气象数据可视化，以流场的方式显示风场图，海洋气象API使用
一. 天气展示方式长期以来,气象数据可视化对饼状图.柱状图.表格图等传统图形图表的使用率是最高的.不可否认,此类图形图表是数据可视化的鼻祖,在很多时候也是最清晰有效的.但是,在可视化技术飞速发展的当 ...
leaflet实现风场图
前言 leaflet 入门开发系列环境知识点了解: leaflet api文档介绍,详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件,leaflet ...
openlayers4 入门开发系列之风场图篇
前言 openlayers4 官网的 api 文档介绍地址 openlayers4 api,里面详细的介绍 openlayers4 各个类的介绍,还有就是在线例子:openlayers4 官网在线例子 ...
基于矢量瓦片技术的Web电子海图优化方法
范梦琪, 宋伟东, 郑人维, 何欢. 2021. 基于矢量瓦片技术的Web电子海图优化方法[J]. 海洋科学, 45(2): 68-75. FAN Meng-qi, SONG Wei-dong, ZH ...
2014Esri中国用户大会：ArcGIS平台六大亮点能力
ArcGIS是一个完整的平台,为GIS从业者.开发者及各组织机构的业务人员提供了全面的支撑.本次用户大会分享了ArcGIS平台的六大关键能力,分别是时空分析能力.实时数据支持能力.三维能力.影像能力. ...
2014Esri中国用户大会亮点系列之——ArcGIS平台能力
ArcGIS是一个完整的平台,为GIS从业者.开发者及各组织机构的业务人员提供了全面的支撑.本次用户大会分享了ArcGIS平台的六大关键能力,分别是时空分析能力.实时数据支持能力.三维能力.影像能力. ...
python图片分析中央气象台降水_Python气象绘图教程（十）
这几天一直在躺尸,只能找一些陈年材料和汇总了本节提要:matplotlib绘图时,一些实用的解决办法.包括降水量等值线的色号.风矢杆显示不正确的问题.台风符号.散点图表示数值的两种办法.关于colo ...
python气象科研学习路线和常用技巧
python气象科研学习路线和重点知识前言经过一个学期的气象相关编程,觉得气象常用的一些库在这里总结一下,学习路线是我根据自己经验总结的,有大佬觉得哪里需要补充的可以私我.我也在不断学习,之后有新 ...
matlab 汽车流场,matlab画流场图
基于 Matlab 分布式工具箱的流场计算及其可视化蔡群;周美莲;段杰峰;李青... 基于 MATLAB 和 CFD 数据库的流场可视化的实现 [J], 晏畅 5.基于 VB 与 MATLAB 混合 ...

最新文章

热门文章