使用Cesium渲染多个椭圆时会滞后

编程问答 2022-08-12

问题描述

我正在使用带有Resium的React JS将卫星对象可视化为实体。它们会随着时间移动，因此可以使用SampledPositionProperty设置位置。我想在它们下面画一个圆（在地球上）。问题是当我用椭圆画出200颗卫星时，fps下降到2 fps。如何优化椭圆的渲染？

<Entity position={trajectory.getPosition /*Cesium.SampledPositionProperty*/} point={{ pixelSize: 10 }} >
    <EllipseGraphics semiMinorAxis={1000000} semiMajorAxis={1000000} height={0} />
</Entity>

解决方法

您是否考虑过将 numberOfVerticalLines 更改为较小的值？它应该确实可以提高您应用的性能

类似于：

<Entity position={trajectory.getPosition /*Cesium.SampledPositionProperty*/} point={{ pixelSize: 10 }} >
    <EllipseGraphics semiMinorAxis={1000000} semiMajorAxis={1000000} height={0} numberOfVerticalLines = {10}/>
</Entity>
cesiumjavascriptreactjsreactjs