CZML Model【译】

原文链接及内容

原文链接：https://sandcastle.cesium.com/?src=CZML%20Model.html&label=All

效果如下：

示例代码如下：

本文定义的CZML数据的语法请参考：

1. https://github.com/AnalyticalGraphicsInc/czml-writer/wiki/CZML-Structure
2. https://github.com/AnalyticalGraphicsInc/czml-writer/wiki/Packet

const czml = [
  {
    id: "document",
    name: "CZML Model",
    version: "1.0",
  },
  {
    id: "aircraft model",
    name: "Cesium Air",
    position: {
      cartographicDegrees: [-77, 37, 10000],
    },
    model: {
      gltf: "../SampleData/models/CesiumAir/Cesium_Air.glb",
      scale: 2.0,
      minimumPixelSize: 128,
    },
  },
];

const viewer = new Cesium.Viewer("cesiumContainer", {
  shouldAnimate: true,
});

const dataSourcePromise = viewer.dataSources.add(
  Cesium.CzmlDataSource.load(czml),
);

dataSourcePromise
  .then(function (dataSource) {
    viewer.trackedEntity = dataSource.entities.getById("aircraft model");
  })
  .catch(function (error) {
    window.alert(error);
  });