52 lines
1.6 KiB
HTML
52 lines
1.6 KiB
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="style.css" />
|
|
<script type="module" src="/main.js"></script>
|
|
</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">
|
|
<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>
|
|
|
|
<main id="main">
|
|
<img id="location" src="standort.png"/>
|
|
<div id="map"></div>
|
|
|
|
</main>
|
|
</body>
|
|
</html> |