diff --git a/public/lindau2024/final.html b/public/lindau2024/final.html index 913b7008aa52eaf3eaacb8b43649067b7dd019b5..dcaf9d37615fd048b1302f2670188c14b811cefc 100644 --- a/public/lindau2024/final.html +++ b/public/lindau2024/final.html @@ -22,10 +22,10 @@ const terrainURL = 'https://web3d.basemap.de/cesium/dgm5-mesh'; const data2D_arcgisURL = 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer'; var basemapProvider = new Cesium.ArcGisMapServerImageryProvider({ - // url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer' + url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer' // url : 'https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer' // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer' - url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer' + // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer' // url : 'https://services.arcgisonline.com/arcgis/rest/services/Specialty/DeLorme_World_Base_Map/MapServer' }) diff --git a/public/lindau2024/gpt.html b/public/lindau2024/gpt.html new file mode 100644 index 0000000000000000000000000000000000000000..a83b6bf8acb6b13c83c8da594db9cecba65f25ee --- /dev/null +++ b/public/lindau2024/gpt.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>CesiumJS Web Map Application</title> + <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"> + <style> + html, body, #cesiumContainer { + width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; + } + </style> +</head> +<body> + <div id="cesiumContainer"></div> + <script> + // Initialize the Cesium Viewer + var viewer = new Cesium.Viewer('cesiumContainer', { + imageryProvider: new Cesium.OpenStreetMapImageryProvider({ + url : 'https://a.tile.openstreetmap.org/' + }), + baseLayerPicker: false, + terrainProvider: new Cesium.CesiumTerrainProvider({ + url: 'https://web3d.basemap.de/cesium/dgm5-mesh' + }) + }); + + // Set the initial view + viewer.scene.camera.setView({ + destination: Cesium.Cartesian3.fromDegrees(9.6473353, 47.5728539, 3500.0) + }); + + // Load 3D Tiles + var tileset = new Cesium.Cesium3DTileset({ + url: 'https://web3d.basemap.de/cesium/buildings-fly/root.json' + }); + viewer.scene.primitives.add(tileset); + + // Load additional 2D ArcGisMapServerImagery + var arcGisImagery = new Cesium.ArcGisMapServerImageryProvider({ + url: 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer' + }); + viewer.imageryLayers.addImageryProvider(arcGisImagery); + </script> +</body> +</html> diff --git a/public/lindau2024/template.html b/public/lindau2024/template.html index 913b7008aa52eaf3eaacb8b43649067b7dd019b5..2635f06ec584496a59c8d361212542ccc32774ec 100644 --- a/public/lindau2024/template.html +++ b/public/lindau2024/template.html @@ -1,35 +1,27 @@ <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"> <script src="https://3dps.gis.lrg.tum.de/viewerCesiumNavigationMixin.min.js"> </script> - <style> - body { - margin: 0; - padding: 0; - overflow: hidden; - } - </style> + <style>body {margin: 0;padding: 0;overflow: hidden;}</style> </head> - <body> <div id="cesiumContainer" style="width: 100%; height:100%"></div> <script> // input data - const data3D_tilesetURL = 'https://web3d.basemap.de/cesium/buildings-fly/root.json'; - const terrainURL = 'https://web3d.basemap.de/cesium/dgm5-mesh'; - const data2D_arcgisURL = 'https://tiles.arcgis.com/tiles/1lplwYilIlo008hQ/arcgis/rest/services/HighFloodRisk_ExportFeatures/MapServer'; - var basemapProvider = new Cesium.ArcGisMapServerImageryProvider({ - // url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer' + const data3D_tilesetURL = ''; // a link to a 3D Tileset + const terrainURL = ''; // a link to a terrain + const data2D_arcgisURL = ''; // a link to a 2D ArcGIS MapServer + const basemapProvider = new Cesium.ArcGisMapServerImageryProvider({ + url : 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer' // url : 'https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer' // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Dark_Gray_Base/MapServer' - url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer' + // url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer' // url : 'https://services.arcgisonline.com/arcgis/rest/services/Specialty/DeLorme_World_Base_Map/MapServer' }) - var osmProvider = new Cesium.OpenStreetMapImageryProvider({ + const osmProvider = new Cesium.OpenStreetMapImageryProvider({ url: 'https://a.tile.openstreetmap.org/' }); var viewer = new Cesium.Viewer('cesiumContainer', { @@ -42,7 +34,7 @@ shadows: false, timeline: true, sceneModePicker: false, - imageryProvider: basemapProvider + imageryProvider: osmProvider }); if (terrainURL) { @@ -66,7 +58,9 @@ ] }, }); - tileset.style = cityStyle + tileset.readyPromise.then(function (tileset) { + tileset.style = cityStyle + }); } if (data2D_arcgisURL) { viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({