Design komplett erneuert. Menü einklappbar. Koordinaten werden angezeigt
This commit is contained in:
+80
-57
@@ -1,63 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>LiDAR App</title>
|
||||
<link href="https://unpkg.com/maplibre-gl/dist/maplibre-gl.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" type="text/css" href="./libs/potree/potree.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./libs/jquery-ui/jquery-ui.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header id="header">
|
||||
<span>3D-LiDAR Visualisierung</span>
|
||||
|
||||
</header>
|
||||
|
||||
<aside id="sidebar">
|
||||
|
||||
<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>
|
||||
<option value="google_satellite">Satellit</option>
|
||||
<option value="terrain">Terrain</option>
|
||||
<option value="satellite_terrain">Terrain mit Satellitenbild</option>
|
||||
</select>
|
||||
<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>
|
||||
<p>
|
||||
<input type="checkbox">Punktwolke ausblenden
|
||||
</p>
|
||||
<div class="logos">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>LiDAR App</title>
|
||||
<link
|
||||
href="https://unpkg.com/maplibre-gl/dist/maplibre-gl.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="./libs/potree/potree.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="./libs/jquery-ui/jquery-ui.min.css"
|
||||
/>
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<header id="header">
|
||||
<span>3D-LiDAR Visualisierung</span>
|
||||
</header>
|
||||
<h1 id="title">- Obernkirchener Sandstein -</h1>
|
||||
<div id="coordinates" title="Koordinaten an Mausposition"></div>
|
||||
<div id="openButtonOuter">
|
||||
|
||||
</div>
|
||||
<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>
|
||||
<option value="openfree_bright">OpenFreeMap hell</option>
|
||||
<option value="openfree_dark">OpenFreeMap dunkel</option>
|
||||
<option value="openfree_liberty">OpenFreeMap Liberty</option>
|
||||
<option value="google_satellite">Satellit</option>
|
||||
<option value="terrain">Terrain</option>
|
||||
<option value="satellite_terrain">Terrain mit Satellitenbild</option>
|
||||
</select>
|
||||
<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>
|
||||
<button id="disable">Punktwolke ausblenden</button>
|
||||
<p id="pointSliderValue"></p>
|
||||
<input id="pointSlider" type="range" min="1000000" max="9000000" value="3000000">
|
||||
<p 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">
|
||||
<img id="logoJadeHs" src="logoJadeHs.png" />
|
||||
</a>
|
||||
<a href="https://www.lbeg.niedersachsen.de/startseite/">
|
||||
<img id="logoLbeg" src="logoLbeg.svg" />
|
||||
</a>
|
||||
</div>
|
||||
</aside>
|
||||
<a href="https://www.lbeg.niedersachsen.de/startseite/">
|
||||
<img id="logoLbeg" src="logoLbeg.svg" />
|
||||
</a>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
<main id="main">
|
||||
<div id="location-button">
|
||||
<img id="location" title="Standort zurücksetzen" src="standort.png" />
|
||||
</div>
|
||||
<div id="map"></div>
|
||||
<div id="potree_render_area"></div>
|
||||
<footer>
|
||||
© Arne Zitting u. Hauke Kahrs
|
||||
</footer>
|
||||
</main>
|
||||
|
||||
<main id="main">
|
||||
<img id="location" src="standort.png"/>
|
||||
<div id="map"></div>
|
||||
<div id="potree_render_area"></div>
|
||||
</main>
|
||||
<script src="./libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="./libs/other/BinaryHeap.js"></script>
|
||||
<script src="./libs/tween/tween.min.js"></script>
|
||||
<script src="./libs/d3/d3.js"></script>
|
||||
<script src="./libs/proj4/proj4.js"></script>
|
||||
<script src="./libs/potree/potree.js"></script>
|
||||
<script src="./libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<script src="./libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="./libs/other/BinaryHeap.js"></script>
|
||||
<script src="./libs/tween/tween.min.js"></script>
|
||||
<script src="./libs/d3/d3.js"></script>
|
||||
<script src="./libs/proj4/proj4.js"></script>
|
||||
<script src="./libs/potree/potree.js"></script>
|
||||
<script src="./libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user