VectorFieldRenderer

AMD: require(["geoscene/renderers/VectorFieldRenderer"], (VectorFieldRenderer) => { /* code goes here */ });
ESM: import VectorFieldRenderer from "@geoscene/core/renderers/VectorFieldRenderer";
类: geoscene/renderers/VectorFieldRenderer
继承于:VectorFieldRenderer Accessor
起始版本:GeoScene API for JavaScript 4.17

VectorFieldRenderer 允许您使用矢量符号显示栅格数据。此渲染器通常用于可视化气象学和海洋学栅格数据中的流向和大小信息。它还可用于对符号为标量的单个栅格图层进行符号化。栅格的方向定义角度,而栅格的大小定义符号的大小。

elevation-info

已知限制

另请参阅:
示例:
const renderer = new VectorFieldRenderer({
  style: "beaufort-kn", // Beaufort point symbol (knots)
  flowRepresentation: "flow-from", // show flow to angle for wind direction
  symbolTileSize: 10, // draw one symbol in every 10x10 pixels
   visualVariables: [
     {
       type: "size",
       field: "Magnitude", // values read from the first band
       maxDataValue: 32,
       maxSize: "100px",
       minDataValue: 0.04,
       minSize: "8px"
     },
     {
       type: "rotation",
       field: "Direction", // values read from the second band
       rotationType: "geographic"
     }
   ]
});

构造函数

new VectorFieldRenderer(properties)
参数:
properties Object
optional

有关可能传递到构造函数中的所有属性的列表,请参阅属性

属性概览

可以设置、检索或侦听任何属性。请参阅使用属性主题。
显示继承的属性 隐藏继承的属性
名称 类型 描述 类:
String更多详情

表示量级的属性字段。

更多详情VectorFieldRenderer
String更多详情

类的名称。

更多详情Accessor
String更多详情

定义数据的流向。

更多详情VectorFieldRenderer
String更多详情

用于表示矢量流的预定义符号样式。

更多详情VectorFieldRenderer
Number更多详情

确定符号的密度。

更多详情VectorFieldRenderer
String更多详情

渲染器的类型。

更多详情VectorFieldRenderer
VisualVariable[]更多详情

VisualVariable 对象的数组。

更多详情VectorFieldRenderer

属性详细信息

attributeField String

表示量级的属性字段。

对于 VectorFieldRenderer,属性字段始终是"Magnitude"

declaredClass Stringreadonly inherited

类的名称。声明的类名的格式为 geoscene.folder.className

flowRepresentation String

定义数据的流向。可以对此进行修改以显示气象(流出的方向)或气候数据(流向的方向)。

说明
flow-from 从角度流动。
flow-to 流向角度。

可能的值"flow-from"|"flow-to"

默认值:"flow-from"
style String

用于表示矢量流的预定义符号样式。

说明
beaufort-ft 蒲福点符号(以英尺为单位)
beaufort-km 蒲福点符号(以公里为单位)
beaufort-kn 蒲福点符号(以节为单位)
beaufort-m 蒲福点符号(以米为单位)
beaufort-mi 蒲福点符号(以英里为单位)
classified-arrow 分类箭头点符号
ocean-current-kn 洋流点符号(以节为单位)
ocean-current-m 洋流点符号(以米为单位)
simple-scalar 简单标量点符号
single-arrow 单箭头点符号
wind-barb 倒钩风速点符号

可能的值"beaufort-ft"|"beaufort-km"|"beaufort-kn"|"beaufort-m"|"beaufort-mi"|"classified-arrow"|"ocean-current-kn"|"ocean-current-m"|"simple-scalar"|"single-arrow"|"wind-barb"

默认值:"single-arrow"
symbolTileSize Number

确定符号的密度。切片大小越大,符号越少。VectorFieldRenderer 在定义的切片大小(以屏幕像素为单位)内绘制一个符号。

默认值:50
type Stringreadonly

渲染器的类型。

对于 VectorFieldRenderer,类型始终是"vector-field”

visualVariables VisualVariable[]autocast
Autocasts from Object[]

VisualVariable 对象的数组。每个对象必须指示要应用的可视化变量的类型(例如 SizeVisualVariableRotationVisualVariable)、要从中驱动可视化效果的数值字段或表达式,以及要映射到数据的可视值。

为 VectorFieldRenderer 上设置的可视变量设置字段时,请使用 MagnitudeDirection 字段。 Magnitude 将返回第一个波段的像素值。Direction 将返回第二个波段的值。如果数据表示 u(时区)和 v(子午线)速度分量,则值将自动转换为 MagnitudeDirection

另请参阅:
示例:
const renderer = new VectorFieldRenderer({
  style: "beaufort-kn", // Beaufort point symbol (knots)
  flowRepresentation: "flow-from", // show flow to angle for wind direction
  symbolTileSize: 10, // controls the density of the displayed vector symbols.
   visualVariables: [
     {
       type: "size",
       field: "Magnitude", // values read from the first band
       maxDataValue: 32,
       maxSize: "100px",
       minDataValue: 0.04,
       minSize: "8px"
     },
     {
       type: "rotation",
       field: "Direction", // values read from the second band
       rotationType: "geographic"
     }
   ]
});

方法概述

名称 返回类型 描述 类:
VectorFieldRenderer更多详情

创建渲染器的深度克隆。

更多详情VectorFieldRenderer
*更多详情

创建此类的新实例,并使用从 GeoScene 产品生成的 JSON 对象中的值对其进行初始化。

更多详情VectorFieldRenderer
Object更多详情

将此类的实例转换为其 GeoScene portal JSON 表示形式。

更多详情VectorFieldRenderer

方法详细信息

创建渲染器的深度克隆。

返回:
类型 说明
VectorFieldRenderer 调用此方法的对象的深度克隆。
示例:
// Creates a deep clone of the first layer's renderer
let renderer = view.map.layers.getItemAt(0).renderer.clone();
fromJSON(json){*}static

创建此类的新实例,并使用从 GeoScene 产品生成的 JSON 对象中的值对其进行初始化。传递到输入 json 参数中的对象通常来自对 REST API 中查询操作的响应或来自其他 GeoScene 产品的 toJSON() 方法。请参阅指南中的使用 fromJSON() 主题,了解有关何时以及如何使用此功能的详细信息和示例。

参数:
json Object

GeoScene 格式的实例的 JSON 表示形式。有关各种输入 JSON 对象的结构示例,请参阅 GeoScene REST API 文档

返回:
类型 说明
* 返回此类的新实例。
toJSON(){Object}

将此类的实例转换为其 GeoScene portal JSON 表示形式。有关详细信息,请参阅使用 fromJSON() 指南主题。

返回:
类型 说明
Object 此类实例的 GeoScene portal JSON 表示形式。

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.