Quick Start CesiumJS

const viewer = new Cesium.Viewer("cesiumContainer", {
    animation: false,
    baseLayerPicker: false,
    fullscreenButton: true,
    vrButton: false,
    geocoder: true,
    homeButton: false,
    infoBox: false,
    selectionIndicator: true,
    timeline: false,
    shadows: false,
    navigationHelpButton: false,
    navigationInstructionsInitiallyVisible: true,
    scene3DOnly: true,
    shouldAnimate: false,
    baseLayer: new Cesium.ImageryLayer(new Cesium.UrlTemplateImageryProvider({
        url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
        maximumLevel: 19,
    })),
    terrainProvider: await Cesium.CesiumTerrainProvider.fromUrl(
        "https://www.nederlandin3d.nl/viewer/datasource-data/882a9596-4d32-479a-a130-33cfbc713696", {
            requestVertexNormals: true
        }),
});

viewer.scene.globe.depthTestAgainstTerrain = true;

viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
const inspectorViewModel = viewer.cesium3DTilesInspector.viewModel;

try {
   const tileset = await Cesium.Cesium3DTileset.fromUrl(
     "https://www.3dtilesnederland.nl/tiles/1.0/implicit/nederland/758.json"
  );
  viewer.scene.primitives.add(tileset);
  viewer.flyTo(tileset);  
} catch (error) {
  console.log('Error loading tileset: ${error}');
}

const viewer = new Cesium.Viewer("cesiumContainer", {
    animation: false,
    baseLayerPicker: false,
    fullscreenButton: true,
    vrButton: false,
    geocoder: true,
    homeButton: false,
    infoBox: false,
    selectionIndicator: true,
    timeline: false,
    shadows: false,
    navigationHelpButton: false,
    navigationInstructionsInitiallyVisible: true,
    scene3DOnly: true,
    shouldAnimate: false,
    baseLayer: new Cesium.ImageryLayer(new Cesium.UrlTemplateImageryProvider({
        url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
        maximumLevel: 19,
    })),
    terrainProvider: await Cesium.CesiumTerrainProvider.fromUrl(
        "https://www.nederlandin3d.nl/viewer/datasource-data/882a9596-4d32-479a-a130-33cfbc713696", {
            requestVertexNormals: true
        }),
});

var ts;
viewer.scene.globe.depthTestAgainstTerrain = false;
viewer.extend(Cesium.viewerCesium3DTilesInspectorMixin);
const inspectorViewModel = viewer.cesium3DTilesInspector.viewModel;

// haal alle tilesets
let response = await fetch("https://3dtilesnederland.nl/tiles/1.0/implicit/nederland/tilesetNL.json");
let tilesetNL = await response.json();

const go = async(tilesetNL) => {
    // voeg alle individuele tilesets toe
    Object.entries(tilesetNL).forEach(async([key, value]) => {
        value.forEach(async(val) => {
            const tileset = await Cesium.Cesium3DTileset.fromUrl(
                    val.url);
            viewer.scene.primitives.add(tileset);
        });
    });
};

try {
    // laad de tilesets
    go(tilesetNL);
    // center Utrecht
    viewer.scene.camera.setView({
        destination: new Cesium.Cartesian3.fromDegrees(
            5.12222,
            52.09083,
            100000 ),
        orientation: {
            heading: Cesium.Math.toRadians(0.0),
            pitch: Cesium.Math.toRadians(-90.0),
            roll: 0.0,
        },
    });

} catch (error) {
    console.log('Error loading tileset: ${error}');
}