PolylineGlowMaterialProperty

PolylineGlowMaterialProperty 用于为折线或者多段线添加高亮效果的材质，它会在折线或多段线的外围添加一层发光的效果。

该材质继承自 MaterialProperty，因此可用于所有支持材质的对象上，例如折线、多段线、面、点等。

语法

new Cesium.PolylineGlowMaterialProperty(options)

• options：一个对象，包含以下属性：
  • color：可选。定义发光的颜色，可以是颜色字符串或者颜色数组。如果未定义，则默认为 Cesium.Color.YELLOW。
  • glowPower：可选。发光强度，必须是大于0的数字。默认值为 0.25。
  • taperPower：可选。该值控制发光的渐变范围，必须是大于0的数字。默认值为 1.0。

示例

// 创建相机实例
var viewer = new Cesium.Viewer('cesiumContainer', {
  shouldAnimate: true,
  terrainProvider: Cesium.createWorldTerrain(),
});

// 创建一个飞行漫游视角的旋转类
var sceneMode = new Cesium.SceneModeAnimation({
  scene: viewer.scene,
  duration: 5.0,
});

// 定义路径
var path = Cesium.Cartesian3.fromDegreesArray([
  116.46, 39.92,
  117.20, 39.13,
  121.50, 31.22,
]);

// 创建多段线实例
var polyline = viewer.entities.add({
  name: 'Polyline glowing',
  polyline: {
    positions: path,
    width: 5,
    material: new Cesium.PolylineGlowMaterialProperty({
      color: '#ffffff',
      glowPower: 0.25,
      taperPower: 1.0,
    }),
  },
});

// 设置相机视角，开始旋转
sceneMode.start();

效果

<div align=center> <img src="./example.png" alt="PolylineGlowMaterialProperty 示例" width="500px"> </div>

该效果通过创建多段线，为其添加 PolylineGlowMaterialProperty 材质实现，使其在绕场工地路径上呈现出高亮效果，增强可视化效果。