cesium中czml数据的处理与应用

czml是cesium所创建的一种数据格式，主要用于在运行cesium的web浏览器中显示，lines, points, billboards, models, and other graphical primitives等等，详情规则移步：

CZML Guide · AnalyticalGraphicsInc/czml-writer Wiki · GitHubjA library for writing CZML content for use with Cesium. - CZML Guide · AnalyticalGraphicsInc/czml-writer Wikihttps://github.com/AnalyticalGraphicsInc/czml-writer/wiki/CZML-Guide接下来请看简单例子：

先模拟一份简单的czml数据

const czml = [

{

id: "document",

name: "CZML Point -Time Dynanic",

version: "1.0"

},

//第二个对象数据为核心数据

{

//实体唯一标识

id: "point",

// 该物体在什么时间范围有用

availability: "2012-08-04T16:00:00Z/2012-08-04T16:05:00Z",

position: {

// 设置实体起始时间

epoch: "2012-08-04T16:00:00Z",

// 设置了四个维度：1维是时间，二维是经度，三维是纬度，四维是高度

cartographicDegrees: [

0, -70, 20, 120000, 100, -80, 44, 150000, 200, -90, 18, 150000, 300,

-98, 52, 150000,

]

},

point: {

color: {

rgba: [255, 255, 255, 128],

},

outlineColor: {

rgba: [225, 0, 0, 128],

},

outlineWidth: 3,

pixelSize: 15,

}

}

]

上面的数据就是一个点在规定时间内在规定范围移动的数据，通过cesium内部方法加载：

let promiseData = Cesium.CzmlDataSource.load(czml);

promiseData.then(function (dataSource) {

viewer.dataSources.add(dataSource);

// viewer.flyTo(dataSource)

})

效果如下：点击动画开始按钮，小球移动。