解决cesium中3dtiles模型随视角移动-Toy模板网

这篇具有很好参考价值的文章主要介绍了解决cesium中3dtiles模型随视角移动。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

我们在使用cesium的时候有时会遇到一个问题就是模型导入之后，模型没有固定住会随着视角的变化而移动，研究发现模型在地底下。我认为是建模的问题有可能是建模软件使用的坐标不是wgs84导致高程不一的原因，但我没试过。

解决方案是：1.打开深度检测 2.手动把模型提上来

打开深度检测

viewer.scene.globe.depthTestAgainstTerrain = true;

移动模型(原生js)

 let l = new Cesium.Cesium3DTileset({
        url: `./terra_b3dms/tileset.json`,//这里是模型地址
        maximumScreenSpaceError: 1
    });
	//这里是移动的距离
    const tx = 0;
    const ty = 0;
    const tz = 120;
    l.readyPromise.then(function (argument) {
        viewer.scene.primitives.add(l);
        const cartographic = Cesium.Cartographic.fromCartesian(
            l.boundingSphere.center
        );
        const surface = Cesium.Cartesian3.fromRadians(
            cartographic.longitude,
            cartographic.latitude,
            cartographic.height
        );
        const m = Cesium.Transforms.eastNorthUpToFixedFrame(surface);

        //平移
        const _tx = tx ? tx : 0;
        const _ty = ty ? ty : 0;
        const _tz = tz ? tz : 0;
        const tempTranslation = new Cesium.Cartesian3(_tx, _ty, _tz);
        const offset = Cesium.Matrix4.multiplyByPoint(
            m,
            tempTranslation,
            new Cesium.Cartesian3(0, 0, 0)
        );
        const translation = Cesium.Cartesian3.subtract(
            offset,
            surface,
            new Cesium.Cartesian3()
        );
        l.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
        viewer.zoomTo(l);
    });