cesium如何添加距离测量，面积测量，高程测量工具条

Cesium是一个开源的JavaScript库，用于创建高度交互式的三维地图应用。要向Cesium添加距离、面积和高程测量工具栏，你需要利用其内置的地理空间分析功能，并结合一些自定义UI元素。以下是大致步骤：

1. **安装依赖**：确保你已经在项目中引入了Cesium库及其所需的插件，例如`cesium-ion`，它包含了一些额外的功能。

<script src="https://unpkg.com/cesium@1.86 IonResource"></script>

2. **添加模块**：为了计算几何信息，你可以使用Cesium的`GeographicDataSource`和`SceneMode`。此外，需要一些图形渲染组件如`EllipsoidGraphics`和`PolygonGraphics`。

3. **创建工具栏**：设计并构建一个用户界面元素，比如HTML按钮或div，用于切换到测量模式。可以使用CSS来美化这个区域。

4. **测量脚本**：
- **距离测量**：使用`Cesium.GeoJsonUtils.measureSegment`函数，给定两点坐标，可以计算地球表面上两点之间的直线距离。
- **面积测量**：需要计算地图上绘制的多边形面积。可以先将点转换为GeoJSON，然后解析成`Polygon`对象，利用`Cesium.PolygonGeometry.computeArea`。
- **高程测量**：通过鼠标点击事件获取地形的高度数据，可以使用`TerrainProvider`获取海拔值。

5. **处理交互**：当用户触发测量操作时，动态更新测量结果显示在工具栏上。记得清理旧的测量结果，只显示最新的。

6. **启用场景模式**：使用`viewercene.cameraflyTo`和`SceneMode`的`SCENE_MODE_ANNOTATION`模式来进入测量模式。

7. **示例代码** (简化版)：

const viewer = new Cesium.Viewer('cesiumContainer', {
    // ...其他配置...
});

const toolbarButton = document.getElementById('measurement-btn');
toolbarButton.addEventListener('click', () => {
    viewer.scene.mode = Cesium.SceneMode.ANNOTATION;
    
    // 添加测量回调，根据需求实现测量功能
});