原文链接及内容

原文链接：https://sandcastle.cesium.com/?src=Wall.html&label=Geometries

示例代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
const viewer = new Cesium.Viewer("cesiumContainer");

const redWall = viewer.entities.add({
  name: "处于一定高度的红色墙",
  wall: {
    positions: Cesium.Cartesian3.fromDegreesArrayHeights([
      -115.0, 44.0, 200000.0, -90.0, 44.0, 200000.0,
    ]),
    minimumHeights: [100000.0, 100000.0],
    material: Cesium.Color.RED,
  },
});

const greenWall = viewer.entities.add({
  name: "位于地表的带轮廓的绿墙",
  wall: {
    positions: Cesium.Cartesian3.fromDegreesArrayHeights([
      -107.0, 43.0, 100000.0, -97.0, 43.0, 100000.0, -97.0, 40.0, 100000.0,
      -107.0, 40.0, 100000.0, -107.0, 43.0, 100000.0,
    ]),
    material: Cesium.Color.GREEN,
    outline: true,
  },
});

const blueWall = viewer.entities.add({
  name: "带有锯齿高度和轮廓的蓝色墙",
  wall: {
    positions: Cesium.Cartesian3.fromDegreesArray([
      -115.0, 50.0, -112.5, 50.0, -110.0, 50.0, -107.5, 50.0, -105.0, 50.0,
      -102.5, 50.0, -100.0, 50.0, -97.5, 50.0, -95.0, 50.0, -92.5, 50.0, -90.0,
      50.0,
    ]),
    maximumHeights: [
      100000, 200000, 100000, 200000, 100000, 200000, 100000, 200000, 100000,
      200000, 100000,
    ],
    minimumHeights: [0, 100000, 0, 100000, 0, 100000, 0, 100000, 0, 100000, 0],
    material: Cesium.Color.BLUE.withAlpha(0.5),
    outline: true,
    outlineColor: Cesium.Color.BLACK,
  },
});
viewer.zoomTo(viewer.entities);

效果如下：