App.js

     Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxYjBlYmYyNC1kNWRhLTRiNTUtOGNlYi02NGY1YWVhNjI2MjIiLCJpZCI6MTEwNzEsImlhdCI6MTYxOTcwNjI0M30.tlpaagcH93SjaHIn7eEVpanGSiH2yDylbGJZr2gsXnY';
     //////////////////////////////////////////////////////////////////////////
     // Loading Montreal Terrain
     //////////////////////////////////////////////////////////////////////////
     var montrealterrain = new Cesium.CesiumTerrainProvider({
         url: 'https://w2.iaf-ex.hft-stuttgart.de/CesiumData/QuantizedMesh/Montreal/',
     });
     var terrainProviderViewModels = [];
     terrainProviderViewModels.push(new Cesium.ProviderViewModel({
             name: 'Montreal Terrain',
             iconUrl: Cesium.buildModuleUrl('https://w2.iaf-ex.hft-stuttgart.de/CesiumData/Images/TerrainProviders/MontrealTerrain.png'),
             tooltip: 'Terrain of Montreal 5m x 5m',
             creationFunction: function () {
                 return montrealterrain;
             }
         }));
     //////////////////////////////////////////////////////////////////////////
     // Creating the Viewer
     //////////////////////////////////////////////////////////////////////////
     var viewer = new Cesium.Viewer('cesiumContainer', {
         scene3DOnly: true,
         selectionIndicator: false,
         timeline: false,
         animation: false,
         shadow: false,
         imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
             url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer',
             enablePickFeatures: false
         }),
         baseLayerPicker: true,
         terrainProviderViewModels: terrainProviderViewModels
     });
     viewer.clock.shouldAnimate = false;
     viewer.scene.globe.enableLighting = true;
     //////////////////////////////////////////////////////////////////////////
     // Load 3D Tileset
     //////////////////////////////////////////////////////////////////////////
     var bldgtileset = viewer.scene.primitives.add(
             new Cesium.Cesium3DTileset({                
                 url: 'https://w2.iaf-ex.hft-stuttgart.de/CesiumData/3DTiles/Buildings/BuildingSolid/Montreal/tileset.json'                 
             }));	 
    bldgtileset.readyPromise.then(function (tileset) {
         height = 4;
         viewer.scene.primitives.add(tileset);
		 var spinner = document.getElementById("spinner");
		 spinner.style.display = "none";
         var cartographic = Cesium.Cartographic.fromCartesian(tileset.boundingSphere.center);
         var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
         var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, height);
         var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
         tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
         console.log(error);
     });
     var bldgdefaultstyle = new Cesium.Cesium3DTileStyle({
         color: "color('#ffffff')"
     });
     bldgtileset.style = bldgdefaultstyle;
     //////////////////////////////////////////////////////////////////////////
     // Configuring the camera
     //////////////////////////////////////////////////////////////////////////
     var initialPosition = Cesium.Cartesian3.fromDegrees(-73.593335, 45.503595, 300);
     var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(101, -5, 0);
     var homeCameraView = {
         destination: initialPosition,
         orientation: {
             heading: initialOrientation.heading,
             pitch: initialOrientation.pitch,
             roll: initialOrientation.roll
         }
     };