Cesium地图加载3D模型时位置偏移如何解决？

Question

在Cesium地图中加载3D模型时，模型位置偏移是常见问题。即使设置正确经纬度，模型仍可能偏离预期位置，如何精准调整模型坐标，确保其准确显示在指定地点？

Answer 1

1. 理解Cesium中模型位置偏移问题

Cesium是一个强大的3D地球和地图引擎，但在加载3D模型时，模型的位置可能偏离预期。即使设置了正确的经纬度，模型仍可能出现偏差。

这种现象通常由以下几个原因引起：

• 模型的原点坐标与实际地理坐标不一致。
• 模型在制作过程中未进行正确对齐或转换。
• Cesium中的投影系统（WGS84）与模型使用的坐标系不同。

要解决这个问题，首先需要明确模型的原始坐标系，并将其转换为Cesium支持的地理坐标系。

2. 分析模型位置偏移的原因

以下是分析模型位置偏移的具体步骤：

1. 检查模型的原始坐标系是否为WGS84。
2. 验证模型的中心点是否与指定经纬度一致。
3. 确认模型是否经过缩放或旋转操作。

如果模型的中心点与目标经纬度不匹配，则需要调整模型的坐标。可以通过以下方式实现：

问题类型	解决方案
模型原点错误	使用建模软件重新设置模型原点。
坐标系不匹配	通过代码将模型坐标转换为WGS84。

3. 实现精准调整模型坐标的代码示例

以下是一个简单的代码示例，展示如何在Cesium中调整模型坐标：

    const viewer = new Cesium.Viewer('cesiumContainer');
    const modelEntity = viewer.entities.add({
        position: Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706),
        model: {
            uri: 'path/to/your/model.glb',
            scale: 1.0,
            minimumPixelSize: 128,
            maximumScale: 20000
        }
    });

    // 调整模型位置
    const offset = Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706, 0);
    modelEntity.position = Cesium.Cartesian3.add(modelEntity.position, offset, new Cesium.Cartesian3());
    

此代码片段展示了如何通过添加偏移量来调整模型位置。

4. 模型位置调整的流程图

以下是模型位置调整的流程图，帮助理解整个过程：

graph TD;
            A[加载模型] --> B{模型位置是否正确};
            B --是--> C[完成加载];
            B --否--> D[检查模型原点];
            D --> E[调整模型坐标];
            E --> F[重新加载模型];
            F --> B;

此流程图清晰地展示了从加载模型到最终调整完成的整体逻辑。