使用cesium实现闸门开启功能

要使用Cesium实现闸门开启功能，可以使用以下代码：

const viewer = new Cesium.Viewer('cesiumContainer');

// 创建一个矩形实体（表示闸门）
const rectangle = viewer.entities.add({
  name: 'Gate',
  rectangle: {
    coordinates: Cesium.Rectangle.fromDegrees(115.0, 39.0, 117.0, 41.0),
    material: Cesium.Color.RED.withAlpha(0.5),
    outline: true,
    outlineColor: Cesium.Color.BLACK
  }
});

// 定义闸门当前的高度
let gateHeight = 0;

// 创建一个滑动条控件，用于控制闸门高度
const slider = document.getElementById('slider');
slider.oninput = function() {
  // 更新闸门高度
  gateHeight = parseFloat(slider.value);

  // 更新闸门实体的高度
  rectangle.rectangle.height = gateHeight;

  // 刷新场景
  viewer.scene.requestRender();
}

在上面的代码中，我们首先创建了一个 Cesium 的 Viewer 对象，然后创建了一个矩形实体，表示闸门。接着，我们定义了一个`gateHeight`变量，用于记录闸门当前的高度。然后，我们创建了一个滑动条控件，用于控制闸门的高度。当滑动条的值发生变化时，我们会更新`gateHeight`变量，并更新闸门实体的高度。最后，我们调用`viewer.scene.requestRender()`方法刷新场景，以显示更新后的闸门高度。

需要注意的是，上述代码中的`slider`元素需要在 HTML 中定义好。例如，可以在 HTML 中添加以下代码：

<input type="range" min="0" max="1000" value="0" class="slider" id="slider">

其中，`min`和`max`属性分别表示滑动条的最小值和最大值，`value`属性表示滑动条的初始值。