cesium绘制路径，模型实现动画轨迹播放

Cesium是一个基于WebGL的开源虚拟地球和地理信息可视化库，它提供了丰富的API和组件，可以实现各种地理信息可视化需求，包括绘制路径和模型动画轨迹播放。

绘制路径可以使用Cesium的PolylinePrimitive组件，它支持多种绘制样式和属性设置。下面是一个简单的示例代码：

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

var positions = [
    Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
    Cesium.Cartesian3.fromDegrees(-80.23709, 25.76343),
    Cesium.Cartesian3.fromDegrees(-116.20345, 43.58271),
    Cesium.Cartesian3.fromDegrees(-118.24278, 34.05223)
];

var polyline = new Cesium.PolylinePrimitive({
    positions: positions,
    width: 5,
    material: Cesium.Material.fromType(Cesium.Material.ColorType, {
        color: Cesium.Color.RED
    })
});

viewer.scene.primitives.add(polyline);

模型动画轨迹播放可以使用Cesium的Entity和SampledPositionProperty组件，它可以在地球表面上创建经过一系列位置的路径，并且可以设置速度、方向等属性。下面是一个简单的示例代码：

var viewer = new Cesium.Viewer('cesiumContainer');
var entity = viewer.entities.add({
    position: new Cesium.SampledPositionProperty(),
    model: {
        uri: 'path/to/model.gltf'
    }
});

var positions = [
    {time: Cesium.JulianDate.fromIso8601('2019-01-01T00:00:00Z'), position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883)},
    {time: Cesium.JulianDate.fromIso8601('2019-01-02T00:00:00Z'), position: Cesium.Cartesian3.fromDegrees(-80.23709, 25.76343)},
    {time: Cesium.JulianDate.fromIso8601('2019-01-03T00:00:00Z'), position: Cesium.Cartesian3.fromDegrees(-116.20345, 43.58271)},
    {time: Cesium.JulianDate.fromIso8601('2019-01-04T00:00:00Z'), position: Cesium.Cartesian3.fromDegrees(-118.24278, 34.05223)}
];

entity.position.setInterpolationOptions({
    interpolationDegree: 5,
    interpolationAlgorithm: Cesium.HermitePolynomialApproximation
});

entity.position.addSamples(positions);

var startTime = Cesium.JulianDate.fromIso8601('2019-01-01T00:00:00Z');
var stopTime = Cesium.JulianDate.fromIso8601('2019-01-04T00:00:00Z');
entity.availability = new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({
    start: startTime,
    stop: stopTime
})]);

viewer.clock.startTime = startTime.clone();
viewer.clock.stopTime = stopTime.clone();
viewer.clock.currentTime = startTime.clone();
viewer.timeline.zoomTo(startTime, stopTime);

viewer.clock.multiplier = 10; //设置模型运动速度

viewer.scene.preRender.addEventListener(function(scene, time) {
    viewer.clock.tick();
});

这里我们创建了一个包含模型和路径的Entity对象，并使用SampledPositionProperty添加位置信息，然后设置模型的速度、方向等属性，并通过preRender事件来更新时间。