(五)Cesium加载3Dtiles报错

最新推荐文章于 2024-05-14 16:27:26 发布

a974313302

最新推荐文章于 2024-05-14 16:27:26 发布

阅读量239

点赞数 3

分类专栏： cesium+vue3学习笔记文章标签：前端

本文链接：https://blog.csdn.net/a974313302/article/details/137563644

版权

cesium+vue3学习笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

目前大多网站写的加载3Dtiles都是如下：

        const tileset = await Cesium.Cesium3DTileset(
           'http://localhost:9003/model/tKwkn4XY6/tileset.json'
        );
        viewer.scene.primitives.add(tileset);
        viewer.zoomTo(tileset) // 缩放到 tileset 范围

但是！！！

Cesium的API修改了，这样是会报错的

API文档：Cesium3DTileset - Cesium 文档

此对象通常不直接实例化，请使用 Cesium3DTileset.fromUrl。

好吧，还是得多看官方文档。

try {
        const tileset = await Cesium.Cesium3DTileset.fromUrl(
           'src/assets/beforeWater2/tileset.json'
        )
            viewer.scene.primitives.add(tileset,{
                disableDepthTestDistance: Number.POSITIVE_INFINITY
            });
            viewer.zoomTo(tileset);

            // 将3d tiles离地高度抬升20米
            let cartographic = Cesium.Cartographic.fromCartesian(
                tileset.boundingSphere.center
            );

            let surface = Cesium.Cartesian3.fromRadians(
                cartographic.longitude,
                cartographic.latitude,
                0.0
            );

            let offset = Cesium.Cartesian3.fromRadians(
                cartographic.longitude,
                cartographic.latitude,
                20.0
            );

            let translation = Cesium.Cartesian3.subtract(
                offset,
                surface,
                new Cesium.Cartesian3()
            );

            tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
        // viewer.scene.primitives.add(tileset);
        // viewer.zoomTo(tileset) // 缩放到 tileset 范围
    } catch (error) {
        console.error(`Error creating tileset: ${error}`);
    }