Cesium加载大量模型（Model）卡顿问题

最新推荐文章于 2024-09-11 14:42:36 发布

程序猿8527

最新推荐文章于 2024-09-11 14:42:36 发布

阅读量2.1k

点赞数 4

文章标签： javascript

本文链接：https://blog.csdn.net/nuli23/article/details/136674641

版权

本文介绍了在Cesium中处理大量模型时，由Entity加载方式转向更高效的Primitive加载方法，以解决性能问题，如卡顿和资源占用。作者展示了如何使用ModelInstanceCollection来添加和管理模型实例矩阵。

摘要由CSDN通过智能技术生成

1、cesium官方提供了两种加载Model方式（Entity、Primitive）

在使用Entity加载少量Model时并没有什么大问题，但是数量达到成千上万，这个时候Entity的劣势就显现出来了，页面会非常卡顿，占用很高，然后就在网上查找资料，官方还提供了一种加载方式Primitive，方法如下：

let instances = []
let position = new Cesium.Cartesian3.fromDegrees(lng, lat, alt)
let modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(
    position,
    new Cesium.HeadingPitchRoll(0, 0, 0)
)
modelMatrix = Cesium.Matrix4.multiplyByUniformScale(
    modelMatrix,
    1,
    modelMatrix
)
instances.push({ modelMatrix })
let primitive = viewer.scene.primitives.add(
    new Cesium.ModelInstanceCollection({
       url: '',//文件路径
       instances,
       destroyPrimitives: false
    })
)