概述

前面学习过 CZML ，它是 Cesium 官方提供的一种 JSON 格式的描述语言，可以用于描述实体集合，当然也可以利用 CZML 实现动画。

import point from './assets/czml/point.json'

const dataSource = await Cesium.CzmlDataSource.load(point)
viewer.dataSources.add(dataSource)

dataSource.clock.multiplier = 1
viewer.clock.shouldAnimate = true

[
  {
    "id": "document",
    "name": "CZML Point - Time Dynamic",
    "version": "1.0"
  },
  {
    "id": "point",
    "availability": "2012-08-04T16:00:00Z/2012-08-04T16:05:00Z",
    "position": {
      "epoch": "2012-08-04T16:00:00Z",
      "cartographicDegrees": [
        0,
        -70,
        20,
        150000,
        5,
        -40,
        40,
        150000,
        10,
        -10,
        60,
        150000,
        15,
        30,
        80,
        150000
      ]
    },
    "point": {
      "color": {
        "rgba": [
          255,
          255,
          255,
          128
        ]
      },
      "outlineColor": {
        "rgba": [
          255,
          0,
          0,
          128
        ]
      },
      "outlineWidth": 3,
      "pixelSize": 15
    },
    "path": {
      "leadTime": 0,
      "width": 4,
      "material": {
        "solidColor": {
          "color": {
            "rgba": [
              255,
              255,
              0,
              255
            ]
          }
        }
      }
    }
  }
]