index_denHaag_allInOne.html

<html lang="en">

<head>
    <meta charset="utf-8">
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.68/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.68/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: true,
            timeline: false,
            sceneModePicker: true,
            imageryProvider: new Cesium.OpenStreetMapImageryProvider({
                url: 'https://a.tile.openstreetmap.org/'
            }),
        });
        var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
            url: "https://steinbeis-3dps.eu/3DGeoVolumes/collections/DenHaag/3dtiles/tileset.json"
        }))
        Cesium.when(tileset.readyPromise).then(function (tileset) {
            viewer.flyTo(tileset)
        })
    </script>
</body>

</html>