Skip to content
GitLab
An error occurred while loading the file. Please try again.
Switch branch/tag
Find file BlameHistoryPermalink
template.html 3.60 KiB
Open in Web IDE
1 
<html lang="en">
2
3 
<head>
4 
    <meta charset="utf-8">
5 
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Cesium.js"></script>
6 
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.94/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
7 
    <script src="https://3dps.gis.lrg.tum.de/viewerCesiumNavigationMixin.min.js"> </script>
8 
    <style>
9 
        body {
10 
            margin: 0;
11 
            padding: 0;
12 
            overflow: hidden;
13 
        }
14 
    </style>
15 
</head>
16
17 
<body>
18 
    <div id="cesiumContainer" style="width: 100%; height:100%"></div>
19 
    <script>
20 
        // input data
21 
        const data3D_tilesetURL = 'https://web3d.basemap.de/cesium/buildings-fly/root.json';
22 
        const terrainURL = 'https://web3d.basemap.de/cesium/dgm5-mesh';
23 
        const data2D_arcgisURL = 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer';
24 
        var basemapProvider = new Cesium.ArcGisMapServerImageryProvider({
25 
            // url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
26 
            // url : 'https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer'
27 
            // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer'
28 
            url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer'
29 
            // url : 'https://services.arcgisonline.com/arcgis/rest/services/Specialty/DeLorme_World_Base_Map/MapServer'
30
31 
        })
32 
        var osmProvider = new Cesium.OpenStreetMapImageryProvider({
33 
            url: 'https://a.tile.openstreetmap.org/'
34 
        });
35 
        var viewer = new Cesium.Viewer('cesiumContainer', {
36 
            baseLayerPicker: false,
37 
            baseLayer: false,
38 
            vrButton: false,
39 
            geocoder: false,
40 
            navigationHelpButton: false,
41 
            selectionIndicator: false,
42 
            shadows: false,
43 
            timeline: true,
44 
            sceneModePicker: false,
45 
            imageryProvider: basemapProvider
46 
        });
47
48 
        if (terrainURL) {
49 
            viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
50 
                url: terrainURL
51 
            });
52 
        }
53 
        // Component 2: 3D Tileset
54 
        var tileset;
55 
        if (data3D_tilesetURL) {
56 
            tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
57 
                url: data3D_tilesetURL
58 
            }));
59 
            // === Settting the style of the 3D Tileset ===
60 
            var cityStyle = new Cesium.Cesium3DTileStyle({
61 
                color: {
62 
                    conditions: [
63 
                        ["${surface} === 'wall'", "color('#f2f2f2')"],
64 
                        ["${surface} === 'roof'", "color('#ff5c4d')"],
65 
                        ["${surface} === 'bridge'", "color('#999999')"]
66 
                    ]
67 
                },
68 
            });
69 
            tileset.style = cityStyle
70 
        }
71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91
if (data2D_arcgisURL) { viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({ url: data2D_arcgisURL })); } // === Settting the initial view of the 3D Viewer === viewer.camera.flyTo({ destination: Cesium.Cartesian3.fromDegrees(9.6473353, 47.5728539, 3500.0), orientation: { heading: Cesium.Math.toRadians(0.0), pitch: Cesium.Math.toRadians(-40.0), roll: 0.0 } }); // === Adding the navigation controls === viewer.extend(Cesium.viewerCesiumNavigationMixin, {}); </script> </body> </html>

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal