index_stuttgart.html

<html lang="en">

<head>
    <meta charset="utf-8">
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>

<body>
    <div id="cesiumContainer" style="width: 100%; height:100%"></div>
    <script>
        var viewer = new Cesium.Viewer('cesiumContainer', {
            terrainProvider: Cesium.createWorldTerrain(),
            baseLayerPicker: true,
            vrButton: true,
            geocoder: false,
            navigationHelpButton: false,
            selectionIndicator: false,
            shadows: false,
            timeline: false,
            sceneModePicker: true,
            // imageryProvider: new Cesium.OpenStreetMapImageryProvider({
            //     url: 'https://a.tile.openstreetmap.org/'
            // }),
        });
        var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
            url: "stuttgart_tileset/tileset.json"
        }))
        tileset.readyPromise.then(function (tileset) {
            // viewer.flyTo(tileset)
            var boundingSphere = tileset.boundingSphere;
            viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0, -2.0, 0));
            viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
            // Position tileset
            var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
            var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
            var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 50);
            var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
            tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
            console.log(tileset.modelMatrix);
            
        });

        viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
    </script>
</body>

</html>