cesiumjs - 如何在 CesiumJS 中的两个实体之间创建一条移动线？

Question

我的页面上有两个实体；卫星及其“地面位置”，两者都随着时间的推移在铯中移动。我想用一条随它们一起移动的直线将两者连接起来。

CZML Showcase如果您使用 CZML 文件，似乎会演示类似的功能，但我想知道如何在代码中执行此操作。他们的演示包含卫星和地面位置之间的几条线，事实上，他们更进一步，仅在该线不与地球相交时才显示该线(如果两个实体之间存在视线)。我不需要那么花哨的东西。

有没有什么好的例子，或者有人可以指点我的文档？谢谢!

Answer 1

弄清楚了:@emackey 向我指出 this section of simple.czml 让我走上了正确的道路。 。我在从 CZML 转换为 javascript 时遇到问题的部分是动态指定行的开始和结束位置的部分:

"positions":{
  "references":[
    "Facility/AGI#position","Satellite/ISS#position"
  ]
}

事实证明我需要的类(class)是 PositionPropertyArray和 ReferenceProperty 。有了这两个，我可以向我的任何一个实体添加一条动态线，如下所示:

var groundTrackEntity = cesiumViewer.entities.add({
    id: "groundTrackEntity",
    position: groundTrackPosition,
    point: /* ... */,
    path: /* ... */,
    polyline: {
        followSurface: false,
        positions: new Cesium.PositionPropertyArray([
            new Cesium.ReferenceProperty(
                cesiumViewer.entities,
                'orbitEntity',
                [ 'position' ]
            ),
            new Cesium.ReferenceProperty(
                cesiumViewer.entities,
                'groundTrackEntity',
                [ 'position' ]
            )
        ]),
        material: new Cesium.ColorMaterialProperty(
            Cesium.Color.YELLOW.withAlpha( 0.25 )
        )
    }
});