ar2350/Projekt-Visualisierung
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Menü verbessert: Button zur Qualitätsauswahl, Pfeilchen im DropDown

Browse Source
This commit is contained in:
ar2350
2026-05-20 19:47:26 +02:00
parent 1f6754af08
commit ac295f8991
3 changed files with 88 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+16 -4
View File
@@ -32,8 +32,9 @@
<div id="sideBarOuter">
<aside id="sidebar">
<button class="sideBarButtons" id="closeSideBarButton" title="Menü einklappen"><<</button>
<select name="basemap" id="basemap">
<option value="" disabled selected>Hintergrundkarte</option>
<div class="selectWrapper">
<select name="basemap" id="basemap">
<option value="" disabled selected>Hintergrundkarte </option>
<option value="openfree_bright">OpenFreeMap hell</option>
<option value="openfree_dark">OpenFreeMap dunkel</option>
<option value="openfree_liberty">OpenFreeMap Liberty</option>
@@ -41,16 +42,27 @@
<option value="terrain">Terrain</option>
<option value="satellite_terrain">Terrain mit Satellitenbild</option>
</select>
<span class="selectArrow">&#9207</span>
</div>
<div class="selectWrapper">
<select name="pointcloud" id="pointcloud">
<option value="" disabled selected>Punktwolke auswählen</option>
<option value="first">1. Fläche unten</option>
<option value="second">2. Felswand</option>
<option value="third">3. Fläche oben mit Spuren</option>
</select>
<span class="selectArrow">&#9207</span>
</div>
<button id="disable">Punktwolke ausblenden</button>
<p id="pointSliderValue"></p>
<p class="sideBarText">Qualität der Punktwolke</p>
<div id="buttonRow">
<button class="qualityButtons">niedrig</button>
<button class="qualityButtons active">mittel</button>
<button class="qualityButtons">hoch</button>
</div>
<p class="sideBarText" id="pointSliderValue"></p>
<input id="pointSlider" type="range" min="1000000" max="9000000" value="3000000">
<p id="pointSizeSliderValue"></p>
<p class="sideBarText" id="pointSizeSliderValue"></p>
<input id="pointSizeSlider" type="range" min="0.1" max="5" value="1" step="0.1">
<div class="logos">
<a href="http://www.jade-hs.de">