PathGraphics

PathGraphics 类定义了沿着空间中一系列点的路径渲染设置和颜色。

语法

var pathGraphics = new Cesium.PathGraphics({
  show: true,
  width: undefined,
  material: undefined,
  resolution: undefined,
  distanceDisplayCondition: undefined,
});

属性

show

• 类型: Boolean
• 默认值: true

定义路径线段是否显示。

width

• 类型: Number
• 默认值: 1.0

定义路径线段的宽度，以像素为单位。

material

• 类型: MaterialProperty
• 默认值: Color.WHITE

定义路径线段的 MaterialProperty。

resolution

• 类型: Number
• 默认值: 60

定义路径线段的轮廓的点数。

distanceDisplayCondition

• 类型: DistanceDisplayCondition
• 默认值: undefined

定义路径线段的距离显示条件。

示例

// 创建一个由三个点组成的路径
var path = new Cesium.Path({
  leadTime: 0,
  trailTime: 10000,
  resolution: 30,
  width: 5,
  material: new Cesium.ColorMaterialProperty(Cesium.Color.YELLOW)
});

path.setPositions([
  Cesium.Cartesian3.fromDegrees(-70.0, 40.0, 0),
  Cesium.Cartesian3.fromDegrees(-75.0, 38.0, 100000),
  Cesium.Cartesian3.fromDegrees(-80.0, 40.0, 0)
]);

// 设置路径线的颜色
path.pathGraphics.material = new Cesium.ColorMaterialProperty(Cesium.Color.RED);

viewer.entities.add({
  position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
  model: {
    uri: './example.glb',
    scale: 20000
  },
  path: path
});

以上代码将在地球上创建一个带有三个点的路径。路径线段将呈现为红色，并且与 model 相关联。