图层清单
详细介绍QuickEarth的各类图层用法。
矢量图层
矢量数据渲染图层。气象数据在地图上以点,线,面的形式呈现的,三维下还可以使用体的方式呈现,都可以使用该图层。例如:站点填值,国界显示,区域填色等。
基本使用
用法示例 //二维 const layer=new LGeoJSONLayer().setDataSource(provider).setDrawOptions(style); layer.ad...
散点图
GeoJSONLayer是用来渲染点、线、面矢量数据的,我们先从点开始!气象中点数据的可视化最常见的应用就是站点填值。 在不同的底层显示引擎下的类名有所区别,Leaflet中为LGeoJSONL...
线
接下来我们使用LGeoJSONLayer看看线条的渲染。 绘制国界线 同样的,我们按照图层=数据+样式的思路,将线数据绘制到地图上。 创建数据解析器 线条的数据类型有多种,对于常见的shp格式的...
面
最后,我们再看下矢量面数据的渲染。 区域填色 在我们拿到中国各省的面数据后,按照图层=数据+样式的思路,给多边形填色(这里是随机色) getJSON("public/demos/data/pro...
Cesium三维中使用
在三维中使用矢量图层与二维中的API保持一致,同时Cesium中的标签三维增加了volume选项,本小节我们使用实例来说明三维中增加的功能。 为何不使用Cesium原生的GeoJsonDat...
栅格平面填色图层
使用栅格数据进行平面渲染的图层。应用:格点填色,渐变填色,色斑图等。
基本使用
用法示例 const layer=new LPixelLayer().setDataSource(provider).setDrawOptions(style); layer.addTo(map...
格点填色
格点填色 首先我们来看看如何将拿到的格点数据按照格点值进行填色。同样的,需要解析数据以及创建样式。 创建数据解析器 这里的示例数据是QE自定义的四维二进制格式的数据,所以使用QEGridData...
站点插值成格点显示
站点数据插值成格点数据后,一样可以使用LPixelLayer来显示。 在CPU中进行的插值计算 通过使用等值色斑追踪服务,根据给定格点数据范围以及步长,站点数据访问器,需要插值的字段,以及缺测值...
Cesium三维中使用
三维世界相比二维多了高度,因此气象数据的高度属性可以直接在三维中呈现出来,在填色图层中,我们有以下几种三维表达方式: 将平面显示到真实高度(且支持高度轴上下的动画) 将二维平面按照数值高低进...
格点标签图层(二维)
二维格点标签图层。应用:格点填值,格点风杆等。
基本使用
用法示例 const layer=new LGridLabelLayer().setDataSource(provider).setDrawOptions(style); layer.addTo...
格点填值
我们先看看格点标签图层最常见的应用格点填值 创建数据解析器 格点标签图层是用来展示格点数据的,所以这里应该使用格点类数据解析器。下面示例中使用的是MQE格式的数据。 const gridOpti...
格点风场
格点标签中除了包含文字标签外,也能添加图片标签。 创建数据解析器 风场数据我们使用风场解析器,MemoryWindDataProvider专门用于构建风场数据,风场数据由UV或者风向风速构成,在...
动态风场图层
在二维或者三维下渲染动态风场,三维还支持加入垂直风场。
基本使用
用法示例 const layer=new LWindLayer().setDataSource(provider).setDrawOptions(style); layer.addTo(map)...
风流场
风流场 创建数据解析器 风场数据由UV或者风向风速构成,在QE中,使用两个格点数据访问器(使用U和V,或者使用风向和风速)可以构建一个风场数据访问器MemoryWindDataProvider,...
涌浪
这里我们将使用LWindLayer图层来实现涌浪的效果。 创建数据解析器 首先解析我们的格点数据,这里使用的涌浪的数据与风场数据类似,都是由UV分量进行表示,存储格式上也是常见的数组形式,在QE...
二维栅格平面填色兼容图层
canvas方式渲染的二维格点填色图层。功能与LPixelLayer图层类似,LCanvasPixelLayer图层是为了兼容没有独显的电脑。
剖面
本章节主要介绍了如何在三维引擎中进行剖面显示,同时提供了时间层动画实例。
什么是剖面及快速创建经纬度方向的剖面
什么是剖面图层 剖面图层是一个相对于其他图层来说较为特殊的图层,因为该图层中的数据并不会完全展示,而是根据用户的需要展示其中的一部分。通常我们所说的剖面是指经纬度作为底面的剖面,也就是要素在高度...
任意路径剖面
任意路径剖面是根据用户提供的一系列剖面关键点,显示关键点所在路径上的剖面。 创建剖面路径 在QuickEarth中,剖面点使用ISectionPoint接口描述,路径是包含一系列剖面点的数组: ...
单路径模式和多剖面路径叠加
QuickEarth中的剖面支持单路径和多路径两种模式,这个在创建图层的时候可以设置: const sectionLayer = new CSectionLayer({ sectionM...
剖面的位置动画
剖面的位置动画逻辑较为简单,只要使用定时器不断设置剖面的位置信息即可实现。 由于每次刷新剖面路径会使剖面缓存失效,进而会有一定的CPU以及CPU和GPU之间数据传输的开销,建议在不同性能电脑上对...
剖面的时间维度动画
剖面的时间动画常规图层的时间动画逻辑完全一致,同样是通过不断更新数据源的时间索引实现,这一过程可以通过DataAnimationService进行。 动画实例 这里我们使用一个常见的雷达动画场景...