WallGraphics

WallGraphics是CesiumJS中用于绘制墙面的属性，可以用于展现城市建筑、地图等场景。

使用方法

首先需要在模块中引入Cesium库文件：

<script src="//unpkg.com/cesium/Build/Cesium/Cesium.js"></script>

接着，使用以下代码即可实现绘制：

var wall = viewer.entities.add({
    wall: {
        positions: Cesium.Cartesian3.fromDegreesArrayHeights([
            -75, 43, 0,
            -75, 43, 100000
        ]),
        maximumHeights: [300000, 300000],
        minimumHeights: [0, 0],
        material: Cesium.Color.YELLOW
    }
});

这段代码将创建一个高度为100000m，长度为地球半径的黄色墙体。

属性

material

• 类型：MaterialProperty
• 默认值：undefined

设置墙体的材质颜色。可以使用ColorMaterialProperty、ImageMaterialProperty、StripeMaterialProperty等材质属性。

positions

• 类型：Property
• 默认值：undefined

表示墙体的广义坐标点数组，每两个点对应墙体的一段，必须指定。可以使用Cesium.Cartesian3.fromDegreesArrayHeights()方法将经纬度和高度数组转换为广义坐标点数组。

maximumHeights

• 类型：Property
• 默认值：undefined

表示每一段墙体的最大高度，必须指定。

minimumHeights

• 类型：Property
• 默认值：undefined

表示每一段墙体的最小高度，必须指定。

granularity

• 类型：Property
• 默认值：1

设置每个切片的宽度，越小越精细。默认为1。

示例

var wall = viewer.entities.add({
    name: 'Yellow wall with black outline',
    wall: {
        positions: Cesium.Cartesian3.fromDegreesArrayHeights([
            -75, 43, 0,
            -75, 43, 100000,
            -125, 43, 100000,
            -125, 43, 0
        ]),
        maximumHeights: [300000, 300000, 300000, 300000],
        minimumHeights: [0, 0, 0, 0],
        material: Cesium.Color.YELLOW.withAlpha(0.5),
        outline: true,
        outlineColor: Cesium.Color.BLACK
    }
});

这段代码将创建一个高度为100000m，覆盖从西经75度到125度的黑色边框、黄色填充的墙体。

结束语

WallGraphics是CesiumJS中用于绘制墙体的重要属性，可视化程度高，可以广泛应用于各种场景中。