diff --git a/index.html b/index.html index 7980069..6eb16fc 100644 --- a/index.html +++ b/index.html @@ -4,12 +4,18 @@ LiDAR App + +
+ 3D-LiDAR Visualisierung + + +
- Hintergrundkarte: -
+ +
\ No newline at end of file diff --git a/logoJadeHs.png b/logoJadeHs.png new file mode 100644 index 0000000..e1d4cac Binary files /dev/null and b/logoJadeHs.png differ diff --git a/logoLbeg.svg b/logoLbeg.svg new file mode 100644 index 0000000..4153177 --- /dev/null +++ b/logoLbeg.svg @@ -0,0 +1,23 @@ + + + + + + + + + diff --git a/main.js b/main.js index 571e703..137b8ad 100644 --- a/main.js +++ b/main.js @@ -102,32 +102,52 @@ function changeBaseMap(newMap){ } break; case "satellite_terrain": - basemapStyle = { - version: 8, - sources: { - "satellite": { - type: "raster", - tiles: [ - "https://mt0.google.com/vt/lyrs=s&x={x}&y={y}&z={z}", - "https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}", - "https://mt2.google.com/vt/lyrs=s&x={x}&y={y}&z={z}", - "https://mt3.google.com/vt/lyrs=s&x={x}&y={y}&z={z}", + basemapStyle = { + version: 8, + sources: { + osm: { + type: 'raster', + tiles: [ + "https://mt0.google.com/vt/lyrs=s&x={x}&y={y}&z={z}", + "https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}", + "https://mt2.google.com/vt/lyrs=s&x={x}&y={y}&z={z}", + "https://mt3.google.com/vt/lyrs=s&x={x}&y={y}&z={z}", ], - tileSize: 256, - }, - // ── Elevation data ────────────────────────── - "terrarium": { - type: "raster-dem", - tiles: ["https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png"], - tileSize: 256, - encoding: "terrarium", - maxzoom: 15 - }, - }, - layers: [{ id: "satellite", type: "raster", source: "satellite" }], - // 2-fache Überhöhung - terrain: { source: "terrarium", exaggeration: 2 }, - } + tileSize: 256, + attribution: '© OpenStreetMap Contributors', + maxzoom: 19 + }, + // Use a different source for terrain and hillshade layers, to improve render quality + terrainSource: { + type: 'raster-dem', + url: 'https://tiles.mapterhorn.com/tilejson.json', + }, + hillshadeSource: { + type: 'raster-dem', + url: 'https://tiles.mapterhorn.com/tilejson.json' + } + }, + layers: [ + { + id: 'osm', + type: 'raster', + source: 'osm' + }, + { + id: 'hills', + type: 'hillshade', + source: 'hillshadeSource', + layout: {visibility: 'visible'}, + paint: {'hillshade-shadow-color': '#473B24'} + } + ], + terrain: { + source: 'terrainSource', + exaggeration: 1 + }, + sky: {} + } + } map.setStyle(basemapStyle); } @@ -142,4 +162,5 @@ selectElement.addEventListener('change', (event) => { // Karte auf Nord zurücksetzen document.getElementById("resetBtn").addEventListener("click", () => { map.resetNorth(); -}); \ No newline at end of file +}); + diff --git a/style.css b/style.css index 22321e3..c596b8c 100644 --- a/style.css +++ b/style.css @@ -2,8 +2,49 @@ body { padding: 0; } + +#title { + text-align: center; + font-size:xx-large; + font-family:'Trebuchet MS'; + font-weight: bold; + width: 50%; + padding: 15px; + margin: auto; +} + + h1 { font-family:'Trebuchet MS'; margin: 0; text-align: center; +} + +#logoJadeHs{ + position: fixed; + top: 1%; + right: 10%; + width: 128px; + height: 69px; + transform-origin: center center; + z-index: 0; +} + + +#logoLbeg{ + position: fixed; + top: 1%; + right: 1%; + width: 128px; + height: 69px; + transform-origin: center center; + z-index: 0; +} + +#map { + width: 85%; + height: 90%; + position: fixed; + right: 0%; + bottom: 0%; } \ No newline at end of file