# vue openlayer 添加风场效果


vue openlayer 添加风场效果

一个简单的小demo,就是在一个openlayers地图上面添加风场效果。

话不多说,直接进入正题。

首先我们需要安装一个插件。

插件地址:https://www.npmjs.com/package/ol-wind

npm install ol-windy --save

然后我们需要一个数据来绘制风场,我在文件最后上传一下文件。

接下来很简单,就是下面的代码。





其中 gfs 文件就是风场数据。

gfs文件下载【点这里】

然后看效果~

在这里插入图片描述