Cesium加载b3dm模型浮在空中如何调整高程问题

Question

在使用Cesium加载b3dm（Batched 3D Model）模型时，有时会遇到模型悬浮在空中的问题。这是因为模型的原始坐标与Cesium地球表面的高程数据不匹配导致的。常见的技术问题是：如何调整b3dm模型的高程，使其正确放置在地形表面上？ 解决方法之一是通过Cesium提供的`Cesium.SampleTerrainMostDetailed`函数获取地形高度，并将该高度应用到模型的变换矩阵中。具体步骤为：首先定义模型加载位置的经纬度，然后请求对应位置的地形高度，最后根据获取的高度值调整模型的垂直位置。 此外，还可以直接修改b3dm文件中的高程信息或将模型的底部对齐至零高程。这种方法需要解析和编辑b3dm文件内容，适合批量处理或离线场景。两种方式各有优劣，选择取决于实际需求和项目复杂度。

Answer 1

1. 问题概述

在使用Cesium加载b3dm模型时，模型悬浮在空中的现象较为常见。这种问题的根源在于模型的原始坐标与Cesium地球表面的高程数据不匹配。例如，模型可能基于平面坐标系创建，而Cesium则依赖于地理坐标系和地形高度。

要解决这一问题，通常有两种主要方法：一是通过Cesium提供的API动态调整模型的高程；二是直接修改b3dm文件的内容以实现批量处理或离线调整。

2. 常见技术问题分析

以下是该问题的技术细节分析：

• 问题表现：模型加载后，其底部未能正确贴合地形表面，导致视觉上“悬浮”。
• 原因分析：Cesium的地形数据是动态加载的，而b3dm模型的坐标通常是静态定义的。如果模型的高程未考虑地形起伏，则会出现偏差。
• 适用场景：此问题多出现在需要高精度地形显示的项目中，如城市规划、地质勘探等。

3. 解决方案一：使用Cesium API动态调整

通过Cesium内置函数`Cesium.SampleTerrainMostDetailed`，可以获取指定经纬度位置的地形高度，并将其应用到模型的变换矩阵中。

1. 定义加载位置：明确模型将放置的经纬度坐标。
2. 请求地形高度：利用`Cesium.SampleTerrainMostDetailed`函数，获取对应位置的地形高度。
3. 调整垂直位置：根据获取的高度值，更新模型的变换矩阵，确保其底部对齐地形表面。

    const viewer = new Cesium.Viewer('cesiumContainer');
    const terrainProvider = viewer.terrainProvider;

    // 定义模型加载位置
    const position = Cesium.Cartesian3.fromDegrees(-123.0, 45.0);

    // 请求地形高度
    Cesium.sampleTerrainMostDetailed(terrainProvider, [position]).then((updatedPositions) => {
        const height = updatedPositions[0].height;
        // 调整模型高度
        model.position = Cesium.Cartesian3.fromDegrees(-123.0, 45.0, height);
    });
    

4. 解决方案二：修改b3dm文件内容

对于批量处理或离线场景，可以直接编辑b3dm文件的高程信息。这种方法的优势在于无需实时计算地形高度，但需要一定的文件解析能力。

步骤	描述
解析b3dm文件	使用工具或库（如three.js）解析b3dm文件结构，提取几何和高程数据。
调整高程信息	将模型的底部对齐至零高程，或根据需求设置特定高度。
保存修改后的文件	重新生成b3dm文件，确保其符合规范并可被Cesium加载。

5. 方法对比与选择

两种方法各有优劣，具体选择取决于项目需求：

• 动态调整：适合实时加载场景，能够灵活应对地形变化，但可能增加计算开销。
• 文件修改：适合批量处理或离线场景，性能更高，但需要额外的文件解析和编辑工作。

graph TD;
            A[开始] --> B{是否需要实时调整};
            B -- 是 --> C[使用Cesium API];
            B -- 否 --> D[修改b3dm文件];
            C --> E[完成];
            D --> F[完成];