MapGIS Client for JavaScript API

new PathSymbol3DLayer(options)

base/symbol/symbol3DLayer/PathSymbol3DLayer.js, line 8

支持如下方法：

[1、通过json数据构造一个PathSymbol3DLayer对象]
[2、导出为json数据]
[3、克隆并返回一个新的PathSymbol3DLayer对象]

三维管道符号图层，定义如何在三维场景视图中绘制一个管道线
示例如下：
[1、创建三维管道符号图层]

Name Type Description

options

Object

构造参数

Name	Type	Default	Description
`material`	ColorMaterial	new ColorMaterial()	可选管道的材质，目前支持的材质有： ColorMaterial: 纯色材质，通过设置纯色材质来改变管道的颜色
`profile`	ProfileType	ProfileType.circle	可选管道横截面类型，圆形或者矩形
`width`	Number	null	可选管道的宽度，如果没有设置，那么管道宽度就和管道高度一致，如果高度和宽度都没有设置，则不显示管道
`height`	Number	null	可选管道的高度，如果没有设置，那么管道高度就和管道宽度一致，如果高度和宽度都没有设置，则不显示管道
`join`	LineJoinType	LineJoinType.miter	可选管道拐角样式
`cap`	LineCapType	LineCapType.butt	可选管道首尾端点样式
`castShadows`	Boolean	true	可选是否显示阴影
`anchor`	AnchorType	AnchorType.center	可选管道几何体相对于点坐标的位置

Example

创建三维管道符号图层

// ES5引入方式
const { AnchorType, LineCapType, ProfileType } = zondy.enum
const { PathSymbol3DLayer, ColorMaterial } = zondy.symbol
// ES6引入方式
import { AnchorType, LineCapType, ProfileType, PathSymbol3DLayer, ColorMaterial } from "@mapgis/webclient-common"

// 创建三维管道符号图层
const pathSymbol3DLayer = new PathSymbol3DLayer({
  // 设置管道几何体相对于点坐标的位置
  anchor: AnchorType.center,
  // 管道首尾端点样式
  cap: LineCapType.butt,
  // 是否显示阴影
  castShadows: true,
  // 管道的宽度
  width: 40,
  // 管道的高度
  height: 40,
  // 管道的材质
  material: new ColorMaterial(),
  // 管道横截面类型
  profile: ProfileType.circle
})