LineSymbol

AMD: require(["geoscene/symbols/LineSymbol"], (LineSymbol) => { /* 代码 */ });
ESM: import LineSymbol from "@geoscene/core/symbols/LineSymbol";
类: geoscene/symbols/LineSymbol
继承于: LineSymbol Symbol Accessor
起始版本: GeoScene API for JavaScript 4.22

线符号用于在 2D MapView 的 FeatureLayer 中绘制 Polyline 要素。

LineSymbol 的唯一子类是 SimpleLineSymbol

SimpleLineSymbol 还可用于对 3D SceneView 中的 2D 折线要素进行符号化。但是,建议您改用LineSymbol3D

示例:

属性列表

可以设置、检索或监听的属性。参见 使用属性
展示继承属性 隐藏继承属性
属性 类型 描述
Color更多信息

符号的颜色。

更多信息Symbol
String更多信息

类名。

更多信息Accessor
String更多信息

符号类型。

更多信息LineSymbol
Number更多信息

符号的宽度,以磅为单位。

更多信息LineSymbol

属性详细说明

自动转换自 Object|Number[]|String

符号的颜色。 这可以使用 rgb(a) 值数组、命名字符串、十六进制字符串或 hsl(a) 字符串进行自动转换, 具有 rgba 属性或 颜色对象。

默认值:black
示例代码:
// CSS color string
symbol.color = "dodgerblue";
// HEX string
symbol.color = "#33cc33";
// array of RGBA values
symbol.color = [51, 204, 51, 0.3];
// object with rgba properties
symbol.color = {
  r: 51,
  g: 51,
  b: 204,
  a: 0.7
};
declaredClass Stringreadonly inherited
起始版本: GeoScene API for JavaScript 4.22

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

type String

符号类型。

对于LineSymbol ,类型始终为 "simple-line".

自动转换自 Number|String

符号的宽度(以磅为单位)。此值可以是自动转换的,其字符串以磅或像素表示大小(例如 12px)。

默认值:0.75
示例代码:
// width in points
symbol.width = 4;
// width in pixels
symbol.width = "2px";
// width in points
symbol.width = "4pt";

方法列表

展示继承方法 隐藏继承方法
属性 返回值类型 描述
*更多信息

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

更多信息Symbol
Object更多信息

将此类的实例转换为其 GeoScene portal JSON 格式。

更多信息Symbol

方法详细说明

fromJSON(json){*}static

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

参数:
json Object

实例的 json 表达式,以geoscene 格式显示。

返回值:
类型 描述
* 返回一个该类的新实例。
toJSON(){Object}inherited

将此类的实例转换为 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.