FillSymbol3DLayer

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

FillSymbol3DLayer 用于在 SceneView 中渲染平面 2D Polygon 几何图形和 3D 体积网格的表面。 MapView 不支持 3D 符号。

填充的颜色在 material 属性中设置。由于面和网格几何的性质,在此符号图层中,大小不是选项。通过将颜色可视变量添加到使用此符号图层的任 Renderer 中,可以对颜色进行数据驱动。

必须将 FillSymbol3DLayer 添加到 PolygonSymbol3D 或 MeshSymbol3D 的属性中。可在单个符号中使用多个符号图层。 outline 属性在与 MeshSymbol3D 一起使用时没有效果。下图描述了一个面 FeatureLayer 其要素使用包含 PolygonSymbol3D 的 FillSymbol3DLayer 进行符号化。

symbols-3d-fill

请参阅 Symbol3DLayer 和 Symbol3D 以阅读有关 3D 符号、符号图层及其相互关系的更多常规信息。

示例:
示例代码:
const symbol = {
  type: "polygon-3d",  // 转换成 new PolygonSymbol3D()
  symbolLayers: [{
    type: "fill",  // 转换成 new FillSymbol3DLayer()
    material: { color: "red" }
  }]
};

构造函数

new FillSymbol3DLayer(properties)
参数:
properties Object
optional

所有可传入构造函数的属性,请参见属性列表

属性列表

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

指示符号层几何是否在场景中投射阴影。

更多信息FillSymbol3DLayer
String更多信息

类名。

更多信息Accessor
Edges3D更多信息

设置 3D 对象上的等高线边。

更多信息FillSymbol3DLayer
Object更多信息

材质通过将材质中设置的 color 属性与要素的几何颜色/纹理信息混合来定义图形的最终颜色。

更多信息FillSymbol3DLayer
Object更多信息

用于在填充几何图形周围绘制线条的轮廓。

更多信息FillSymbol3DLayer
StylePattern3D更多信息

用于渲染多边形填充的图案。

更多信息FillSymbol3DLayer
String更多信息

符号类型。

更多信息FillSymbol3DLayer

属性详细说明

castShadows Boolean
起始版本: GeoScene API for JavaScript 4.22

表示符号图层几何是否在场景中投射阴影。将此属性设置为 false 将禁用符号图层的阴影,即使在 SceneView.environment 中启用了直接阴影也是如此。

此属性仅适用于 MeshSymbol3D 符号。

默认值:true
示例代码:
// disables shadow casting
symbolLayer.castShadows = false;
declaredClass Stringreadonly inherited
起始版本: GeoScene API for JavaScript 4.22

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

起始版本: GeoScene API for JavaScript 4.22

设置 3D 对象上的等高线边。这仅适用于 MeshSymbol3D

symbol3D-edges-solid

示例代码:
const symbol = {
  type: "mesh-3d", // 转换成 new MeshSymbol3D()
  symbolLayers: [{
    type: "fill", // 转换成 new FillSymbol3DLayer()
    material: {
      color: [244, 247, 134]
    },
    edges: {
      type: "solid", // 转换成 new SolidEdges3D()
      color: [50, 50, 50, 0.5]
    }
  }]
};
material Objectautocast

材质通过将材质中设置的 color 属性与要素的几何颜色/纹理信息混合来定义图形的最终颜色。 colorMixMode 定义这些颜色如何混合在一起。

属性:
color Color
optional
默认值:white
自动转换自 Object|Number[]|String

填充的颜色。这可以是使用 rgb(a) 值数组、命名字符串、十六进制字符串或 hsl(a) 字符串、具有 r, g, b, 和a 属性的对象或 Color 对象自动转换的。

colorMixMode String
optional
默认值:multiply

指定材质 color 如何将应用于几何图形颜色/纹理信息。 此属性仅适用于 MeshSymbol3D 符号。

描述
tint 将材质 color 应用于不饱和的几何体/纹理颜色。
replace 删除几何图形/纹理颜色并应用材质 color
multiply 将几何图形/纹理颜色值与材质 color 值相乘。结果是颜色变深。与白色相乘可使几何图形颜色保持不变。

可选值:"tint"|"replace"|"multiply"

示例:
示例代码:
// CSS color string
symbolLayer.material = {
  color: "dodgerblue",
  colorMixMode: "tint"
};
// HEX string
symbolLayer.material = {
  color: "#33cc33"
}
// array of RGBA values
symbolLayer.material = {
  color: [51, 204, 51, 0.3]
}
// object with rgba properties
symbolLayer.material = {
  color: {
    r: 51,
    g: 51,
    b: 204,
    a: 0.7
  }
};
outline Objectautocast

用于在填充几何图形周围绘制线条的轮廓。MeshSymbol3D 符号图层不支持此属性。

属性:
color Color
optional
默认值:black
自动转换自 Object|Number[]|String

轮廓的颜色。这可以是使用 rgb(a) 值数组、命名字符串、十六进制字符串或 hsl(a) 字符串、具有 r, g, b, 和a 属性的对象或 Color 对象自动转换的。

size Number
optional
默认值:1px
自动转换自 Number|String

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

optional

用于呈现轮廓的描边图案。默认情况下,线条显示为实线。

patternCap String
optional
默认值:butt

应用于沿线每个图案段的尖端的样式。

可选值:"butt"|"round"|"square"

示例代码:
symbolLayer.outline = {
  color: "white",
  size: "2px",
  pattern: {  // 转换成 new LineStylePattern3D()
    type: "style",
    style: "dash"
  },
  patternCap: "round"
};
pattern StylePattern3D
起始版本: GeoScene API for JavaScript 4.22

用于渲染多边形填充的图案。此属性仅适用于 PolygonSymbol3D

示例代码:
const symbol = {
  type: "polygon-3d",  // 转换成 new PolygonSymbol3D()
  symbolLayers: [{
    type: "fill",  // 转换成 new FillSymbol3DLayer()
    material: { color: "red" },
    outline: { color: "red" },
    pattern: {
      type: "style",
      style: "cross"
    }
  }]
};
type Stringreadonly

符号类型。

对于 FillSymbol3DLayer,类型始终为 "fill".

方法列表

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

创建符号图层的深度克隆。

更多信息FillSymbol3DLayer
*更多信息

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

更多信息Symbol3DLayer
Object更多信息

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

更多信息Symbol3DLayer

方法详细说明

创建符号图层的深度克隆。

返回值:
类型 描述
FillSymbol3DLayer 返回调用此方法对象的深拷贝。
示例代码:
// Creates a deep clone of the graphic's first symbol layer
let symLyr = graphic.symbol.symbolLayers.getItemAt(0).clone();
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.