cesium加载czml

### 如何在Cesium中加载CZML文件

为了在Cesium中加载CZML文件，需要创建`CzmlDataSource`实例并将数据源添加到`viewer.dataSources`集合中[^2]。

下面是一个完整的示例来展示如何操作：

// 创建 viewer 实例，指定容器ID为 'cesiumContainer'
var viewer = new Cesium.Viewer('cesiumContainer');

// 定义 CZML 数据数组
var czml = [{
    "id": "document",
    "name": "Cesium Example",
    "version": "1.0"
}, {
    "id": "redBox",
    "name": "Red box",
    "box": {
        "dimensions": {
            "cartesian": [400000, 300000, 200000]
        }
    },
    "position": {
        "cartographicDegrees": [-75, 40, 0]
    },
    "orientation": {
        "heading": {"number": 0},
        "pitch": {"number": 0},
        "roll": {"number": 0}
    },
    "material": {
        "solidColor": {
            "color": {
                "rgba": [255, 0, 0, 255]
            }
        }
    }
}];

// 加载 CZML 数据至 data source 中
var dataSourcePromise = Cesium.CzmlDataSource.load(czml);
dataSourcePromise.then(function(dataSource) {
    // 将数据源加入 viewer 的 dataSources 集合里
    viewer.dataSources.add(dataSource);

    // 设置相机视角聚焦于新添加的数据集
    viewer.zoomTo(dataSource);
}).otherwise(function(error){
    console.log("Error loading CZML: ", error); 
});

这段代码首先初始化了一个Cesium `Viewer`对象，并定义了一组简单的CZML数据描述一个红色盒子的位置、尺寸以及颜色属性。通过调用静态方法`CzmlDataSource.load()`传入上述CZML结构化数据作为参数返回一个promise，在这个异步过程完成后会得到一个新的`CzmlDataSource`实例，最后将此实例添加到了`viewer.dataSources`以便显示出来并调整视图位置使其可见。