Class: WindLayer

WindLayer

利用grib2json格式的U风和v风完成风的渲染。 具体可以参照源码:https://github.com/sakitam-fdd/wind-layer

new WindLayer(require("../../assets/testWind.json"), {
  name: "风的渲染图层",
  zIndex: 2
}).addToMap(this.$map);

new WindLayer(data, layerOptions, windOptions)

layer/WindLayer.js, line 23

构造一个绘制风图层的对象

Name Type Default Description
data grib2json

grib2json格式的u风和v风
layerOptions LayerOptions

图层的一些可选属性
windOptions LayerOptions

绘制风的一些参数

Name Type Default Description
colorScale Array

绘制风时的一些颜色数组，有默认的颜色数组
minVelocity Number 0 optional

粒子强度最小的速度 (m/s)
maxVelocity Number 10 optional

粒子强度最大的速度 (m/s)
velocityScale Number 0.05 optional

风速的比例
particleAge Number 90 optional

重绘之前生成的离子数量的最大帧数
maxVelocity Number 1 optional

绘制粒子的线宽
particleMultiplier Number 100 optional

离子数量
paths Number 10000 optional

particleMultiplier canvas.width canvas.height三者的积
layerOptions.className string 'ol-layer' optional

设置layer元素的CSS类名称。
layerOptions.opacity number 1 optional

不透明度（0，1）。
layerOptions.visible boolean true optional

图层是否可见。
layerOptions.extent Array optional

图层渲染的边界范围。该图层不会在此范围之外渲染。
layerOptions.zIndex number optional

图层渲染的Z索引。在渲染时，将首先按Z索引然后按位置对图层进行排序。 当zIndex为undefined时，zIndex将被设置为0加入到图层集合中； 而在使用图层的setMap()方法时，zIndex为Infinity。
layerOptions.minZoom number optional

最小视图缩放级别（不包括），在该级别之上，该层将可见。
layerOptions.maxZoom number optional

该图层可见的最大视图缩放级别（包括该级别）。
layerOptions.map Map optional

将图层设置为地图上的叠加层。地图将不会在其图层集合中管理此图层， 也就是当调用Map#getLayers()方法时，图层集合里不会出现该图层。并且该图层将呈现在顶部。 这对于临时层很有用。在地图上添加图层并由地图管理图层的标准方法是使用Map#addLayer()方法。
windOptions.className string 'ol-layer' optional

设置layer元素的CSS类名称。
windOptions.opacity number 1 optional

不透明度（0，1）。
windOptions.visible boolean true optional

图层是否可见。
windOptions.extent Array optional

图层渲染的边界范围。该图层不会在此范围之外渲染。
windOptions.zIndex number optional

图层渲染的Z索引。在渲染时，将首先按Z索引然后按位置对图层进行排序。 当zIndex为undefined时，zIndex将被设置为0加入到图层集合中； 而在使用图层的setMap()方法时，zIndex为Infinity。
windOptions.minZoom number optional

最小视图缩放级别（不包括），在该级别之上，该层将可见。
windOptions.maxZoom number optional

该图层可见的最大视图缩放级别（包括该级别）。
windOptions.map Map optional

将图层设置为地图上的叠加层。地图将不会在其图层集合中管理此图层， 也就是当调用Map#getLayers()方法时，图层集合里不会出现该图层。并且该图层将呈现在顶部。 这对于临时层很有用。在地图上添加图层并由地图管理图层的标准方法是使用Map#addLayer()方法。

Extends

  • ol-wind

Classes

WindLayer

Methods

addToMap(map){layer}

layer/WindLayer.js, line 75

将图层添加到指定的map上

Name Type Description
map Map

指定的map对象。
Returns:
Type Description
layer 当前的图层对象

getParams(){Object}

layer/WindLayer.js, line 110

获取图层渲染参数

Returns:
Type Description
Object 图层渲染参数

updateParams(layerOptions, windOptions)

layer/WindLayer.js, line 94

更新图层渲染参数

Name Type Description
layerOptions Object

图层的一些可选属性
windOptions Object

绘制风的一些参数

Name Type Default Description
colorScale Array

绘制风时的一些颜色数组，有默认的颜色数组
minVelocity Number 0 optional

粒子强度最小的速度 (m/s)
maxVelocity Number 10 optional

粒子强度最大的速度 (m/s)
velocityScale Number 0.05 optional

风速的比例
particleAge Number 90 optional

重绘之前生成的离子数量的最大帧数
maxVelocity Number 1 optional

绘制粒子的线宽
particleMultiplier Number 100 optional

离子数量
paths Number 10000 optional

particleMultiplier canvas.width canvas.height三者的积