diff --git a/index.html b/index.html index ecb6ebb..1f925f1 100644 --- a/index.html +++ b/index.html @@ -47,9 +47,9 @@
diff --git a/main.js b/main.js index a2af2c1..165858e 100644 --- a/main.js +++ b/main.js @@ -50,9 +50,6 @@ map.on('load', () => { pickable: false }); - map.addControl(lidarControl, 'top-right'); - //lidarControl.onAdd(map); - // COPC-Datei laden const selectBox=document.querySelector('select[name="pointcloud"]'); if (selectBox && selectBox.value){ @@ -60,7 +57,6 @@ map.on('load', () => { loadCurrentPointCloud(); } loadInfoJSON(); - //lidarControl.loadPointCloudStreaming('http://ar2350.web-01.fbbgg.hs-woe.de/copc%20Daten/sp3_low.copc.laz') }); diff --git a/style.css b/style.css index 5b9776b..9e67423 100644 --- a/style.css +++ b/style.css @@ -58,19 +58,26 @@ body{ box-shadow: 0 6px 18px rgba(0,0,0,0.12); } -#location-button{ - position:absolute; +#location-button { + position: absolute; z-index: 30; - top:110px; - right:10px; - width:30px; - height:30px; - display:flex; - align-items:center; - justify-content:center; - border-radius:8px; - background:white; - box-shadow: 0 4px 12px rgba(0,0,0,0.15); + top: 110px; + right: 10px; + width: 29px; + height: 29px; + display: flex; + align-items: center; + justify-content: center; + background-color: #f8f9fa; + border: none !important; + border-radius: 4px; + box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05); + cursor: pointer; + box-sizing: border-box; +} + +#location-button:hover { + background-color: #f4f4f4; } #location{ @@ -87,7 +94,6 @@ body{ background:rgb(233, 232, 232); } - #location-button:hover{ background:rgb(233, 232, 232); } @@ -545,3 +551,23 @@ position: absolute; font-size: 12px; color: #555; } + + +/* Blendet das Icon selbst aus */ +.lidar-control-icon { + display: none !important; +} + +/* Findet den MapLibre-Button, der das Lidar-Icon beinhaltet, + und versteckt den kompletten Button (inklusive Rahmen und Hintergrund) */ +.maplibregl-ctrl:has(.lidar-control-icon), +.maplibregl-ctrl-group:has(.lidar-control-icon), +button:has(.lidar-control-icon) { + display: none !important; + visibility: hidden !important; + width: 0px !important; + height: 0px !important; + margin: 0 !important; + padding: 0 !important; + border: none !important; +} \ No newline at end of file