Files
Projekt-Visualisierung/index.html
2026-05-11 18:27:22 +00:00

63 lines
2.2 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="./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">
<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>
<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 type="module" src="/main.js"></script>
</body>
</html>