Cesium批量加载gltf模型

最新推荐文章于 2024-08-08 19:37:43 发布

Viccy_Yao

最新推荐文章于 2024-08-08 19:37:43 发布

阅读量2.5k

点赞数 1

分类专栏： Cesium 加载GLTF 文章标签： html5

本文链接：https://blog.csdn.net/yhzrf/article/details/108794909

版权

Cesium 同时被 2 个专栏收录

8 篇文章 3 订阅

订阅专栏

加载GLTF

2 篇文章 0 订阅

订阅专栏

let cameraUrl = "../model/model.gltf";

let newPositions = [
    {"x": 6358638.974849774, "y": -498978.751542005, "z": 0},
    {"x": 6358638.973079549, "y": -498978.75154201075, "z": 149.5383532969183}
];

let instances = [];
for (let i = 0; i < newPositions.length; i += 1) {
    let cartesian = newPositions[i];
    //批量加载
    let modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(cartesian, new Cesium.HeadingPitchRoll(90, 0, 0)); // 旋转
    Cesium.Matrix4.multiplyByUniformScale(modelMatrix, 0.01, modelMatrix); // 缩放
    instances.push({
        modelMatrix: modelMatrix
    });
}

let primitive = new Cesium.ModelInstanceCollection({
    url: cameraUrl,
    instances: instances
});
viewer.scene.primitives.add(primitive);