为什么 Cesium 查看器在我添加模型时不显示模型？

Question

我有一个应用程序，它显示一个城市的 3D 地图和“添加建筑物”按钮。

当用户按下该按钮时，必须将建筑物模型插入到地图中。

但它没有 - 我在正确的位置看到一个选择标记，但没有实际的建筑物。

方法一

我使用以下代码添加建筑物（参见文件 src\main\resources\static\js\myapp.js 源代码）：

function addBuilding() {
  var position = Cesium.Cartesian3.fromDegrees(132.159633, 43.350116, 0.);
  createModel('/models/CesiumAir/Cesium_Air.gltf', position);
}

function createModel(url, position) {
    var heading = Cesium.Math.toRadians(135);
    var pitch = 0;
    var roll = 0;
    var orientation = Cesium.Transforms.headingPitchRollQuaternion(
        position, heading, pitch, roll);

    var entity = viewer.entities.add({
        name : url,
        position : position,
        orientation : orientation,
        model : {
            uri : url,
            minimumPixelSize : 128
        }
    });
    console.log("entity.model = " + entity.model);
    viewer.selectedEntity = entity;
}

这不起作用，所以我尝试了另一种方法。

方法二

var scene = viewer.scene;
var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
    Cesium.Cartesian3.fromDegrees(132.159633, 43.350116, 0.0));
var primitive = Cesium.Model.fromGltf({
                      url : '/models/CesiumAir/Cesium_Air.gltf',
                      modelMatrix : modelMatrix,
                      minimumPixelSize : 128,
                      appearance : new Cesium.DebugAppearance({
                          attributeName : 'normal'
                        })
                  });
scene.primitives.add(primitive);

这也没用。

如果我在浏览器中打开 URL http://localhost:8080/models/CesiumAir/Cesium_Air.gltf，我可以看到一些 JSON 输出，因此不是链接断开的原因。

如果您告诉我，我将不胜感激，我必须在我的程序中进行修改才能使添加建筑物工作。源代码和构建说明可在here 获得。该应用程序使用 AngularJS，也许 Cesium 和 Angular 会以某种方式干扰。

此video 显示，如何重现此错误。

更新 1：当我打开页面时，有时（但并非总是）会出现以下异常（当我启用停止未捕获的异常时）：

Answer 1

在 myapp.js 中创建查看器时，将 Cesium.SceneMode.COLUMBUS_VIEW 更改为 Cesium.SceneMode.SCENE3D。 Model rendering is currently not supported outside of 3D mode.