letzte Änderungen + build

2026-06-16 20:55:29 +02:00
parent 792d515b2d
commit 8f15898a0d
36 changed files with 7486 additions and 89 deletions
@@ -0,0 +1,117 @@
+<!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="preconnect" href="https://fonts.googleapis.com" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
+      rel="stylesheet"
+    />
+    <script type="module" crossorigin src="/assets/index-4I_hEHaF.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DUPLKtjG.css">
+  </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>
+      <div class="selectWrapper">
+        <select name="basemap" id="basemap">
+        <option value="" disabled selected>Hintergrundkarte </option>
+        <option value="openfree_bright">Hell</option>
+        <option value="openfree_dark">Dunkel</option>
+        <option value="openfree_liberty">Klassisch + Gebäude</option>
+        <option value="satellite">Satellit</option>
+        <option value="terrain">Terrain</option>
+        <option value="satellite_terrain">Terrain + Satellit</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">Fläche im unteren Bereich</option>
+        <option value="second">Abbauwand</option>
+        <option value="third">Dinosaurier-Spuren</option>
+      </select>
+      <span class="selectArrow">&#9207</span>
+      </div>
+      <button id="disable">Punktwolke ausblenden</button>
+      <p class="sideBarText">Qualität der Punktwolke</p>
+      <div class="buttonRow">
+        <button class="qualityButtons" id="low">niedrigste</button>
+        <button class="qualityButtons active" id="medium">mittel</button>
+        <button class="qualityButtons" id="high">höchste</button>
+      </div>
+      <p class="sideBarText">Farbdarstellung</p>
+      <div class="buttonRow">
+        <button class="colorButtons active" id="rgb">RGB</button>
+        <button class="colorButtons" id="height">höhencodiert</button>
+      </div>
+      <p class="sideBarText" id="pointSizeSliderValue">Punktgröße</p>
+      <div class="slider-labels">
+        <span>Klein</span>
+        <span>Groß</span>
+      </div>
+      <input id="pointSizeSlider" type="range" min="1" max="10" value="2" step="1">
+      <p class="sideBarText">Renderer</p>
+      <button id="rendererToggle" data-active="deckgl" title="Renderer wechseln">
+          <span id="rendererLabel">Renderer: Deck.gl</span>
+          <span id="rendererIcon">⇄</span>
+      </button>
+      <button id="openInfoPanel" title="Informationen zur Punktwolke"><img src="/assets/info-DXfrVzVb.png"/>Informationen</button>
+      <div class="logos">
+        <a href="http://www.jade-hs.de">
+          <img id="logoJadeHs" src="/assets/logoJadeHs-DOixp3sh.png" />
+        </a>
+        <a href="https://www.lbeg.niedersachsen.de/startseite/">
+          <img id="logoLbeg" src="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20by%20Marsupilami%20--%3e%3csvg%20xmlns:svg='http://www.w3.org/2000/svg'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20width='1024'%20height='537'%20viewBox='-1.88710317%20-1.88710317%20127.24670634%2066.67764534'%20id='svg21462'%3e%3cdefs%20id='defs21464'%20/%3e%3cpath%20d='m%2041.80875,0.7575%2036.3925,0%200,8.8675%20-9.88375,0%200,7.40375%209.61375,0%200,8.8675%20-9.61375,0%200,8.02125%2016.4375,0%200,8.8675%20-24.965,0%20-12.68,0.0425%20c%202.55125,-0.295%204.715,-1.105%206.48625,-2.42875%20C%2053.95625,40.13%2054.3,39.84%2054.6275,39.5275%2056.95375,37.31625%2058.145,34.45625%2058.19875,30.95125%2058.21005,28.24%2057.47625,25.97%2055.99625,24.1425%20c%20-0.645,-0.79625%20-1.44625,-1.52375%20-2.4,-2.18125%20-1.2375,-0.8525%20-2.7325,-1.58875%20-4.4875,-2.20875%201.905,-0.83%203.40125,-1.8525%204.4875,-3.0625%200.165,-0.18375%200.32,-0.3725%200.46625,-0.565%201.10625,-1.46125%201.66,-3.1825%201.66125,-5.1625%20C%2055.74625,9.2975%2055.3225,7.69125%2054.4525,6.14375%2054.2125,5.715%2053.92625,5.3075%2053.59625,4.92125%2052.7325,3.91%2051.56375,3.0425%2050.08875,2.31625%2048.05125,1.3125%2045.29,0.7925%2041.80875,0.7575%20m%20-7.455,17.51125%200,-11.08375%204.2725,0%20c%202.39125,0.0275%204.11,0.54375%205.155,1.5475%201.045,1.00375%201.555,2.325%201.5325,3.96375%200.0225,1.55875%20-0.4875,2.8675%20-1.5325,3.92375%20-1.045,1.05625%20-2.76375,1.60625%20-5.155,1.64875%20l%20-4.2725,0%20m%200,18.255%200,-11.82625%204.83,0%20c%202.4125,0.0163%204.2125,0.525%205.40125,1.52375%201.19,1%201.7825,2.39125%201.78,4.1725%20-0.005,2.07%20-0.64375,3.61125%20-1.91875,4.62125%20-1.275,1.01%20-3.1525,1.5125%20-5.635,1.50875%20l%20-4.4575,0%20M%200,42.78375%20l%2027.8,0%200,-10.5325%20-13.0775,0%200,-31.495%20-14.7225,0%200,42.0275%20m%20123.4725,-23.985%20-16.5125,0%200,8.8675%205.24125,0%200,4.93875%20C%20107.5875,33.1925%20103.95875,32.4925%20101.3175,30.5075%2098.67625,28.52%2097.33,25.60375%2097.27875,21.755%20c%200.0562,-3.6275%201.24,-6.515%203.55375,-8.6625%202.31375,-2.14875%205.425,-3.24875%209.33375,-3.3%201.97625,0.003%204.01375,0.30625%206.11375,0.91%202.1,0.60375%204.23,1.49375%206.39125,2.6675%20l%200,-10.53625%20c%20-2.32,-0.92625%20-4.7175,-1.63%20-7.1925,-2.11%20C%20113.005,0.24375%20110.515,0.0025%20108.01,0%20102.94125,0.03%2098.5025,0.96875%2094.6975,2.81625%2090.8925,4.6625%2087.92625,7.235%2085.79875,10.53375%2083.6725,13.8325%2082.59125,17.675%2082.55625,22.0625%20c%20-0.0325,3.1525%200.73875,6.34%202.315,9.56125%201.575,3.2225%204.15375,5.93375%207.73625,8.13625%203.5825,2.20125%208.3675,3.3475%2014.355,3.43875%202.59125,-0.009%205.35875,-0.19125%208.3025,-0.5475%202.94375,-0.355%205.68,-0.83%208.2075,-1.42375%20l%200,-22.42875'%20id='path20833'%20style='fill:%234a8dcd;fill-opacity:1;fill-rule:nonzero;stroke:none'%20/%3e%3cpath%20d='M%2060.2925,47.90625%2040.325,62.555%2018.565,47.90625%20l%2041.7275,0%20z'%20id='path20837'%20style='fill:%23eb1e24;fill-opacity:1;fill-rule:nonzero;stroke:%23eb1e24;stroke-width:0.57749999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:6;stroke-opacity:1;stroke-dasharray:none'%20/%3e%3c/svg%3e%3c!--%20version:%2020110311,%20original%20size:%20123.4725%2062.903439,%20border:%203%25%20--%3e" />
+        </a>
+      </div>
+    </aside>
+</div>
+    <main id="main">
+      <div id="location-button">
+        <img id="location" title="Standort zurücksetzen" src="/assets/standort-Baq7HQHX.png" />
+      </div>
+      <div id="map"></div>
+      <div id="potree_render_area"></div>
+      <footer>
+        &#169 Arne Zitting u. Hauke Kahrs
+      </footer>
+      <div id="info-panel">
+    <div id="info-panel-inner">
+    <button class="sideBarButtons" id="closeInfoPanel" title="Info einklappen">>></button>
+    <h3 id="info-panel-title">Info</h3>
+    <img id="info-panel-image" src="" alt="Standortbild" style="display:none;" />
+    <div id="info-image-nav" style="display:none;">
+        <button id="info-img-prev">&#8592;</button>
+        <span id="info-image-counter"></span>
+        <button id="info-img-next">&#8594;</button>
+    </div>
+    <p id="info-panel-text">Bitte wählen Sie eine Punktwolke aus.</p>
+</div>
+</div>
+<div id="info-button-outer"> 
+</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>
@@ -0,0 +1,17 @@
+{
+	"first": {
+		"title": "Fläche im unteren Bereich",
+		"text": "Dieser Bereich des Steinbruchs zeigt eine natürliche Oberfläche aus Obernkirchener Sandstein. Zwischen einzelnen Sandsteinblöcken haben sich Sträucher und andere Pflanzen angesiedelt. Der Sandstein entstand vor etwa 140 Millionen Jahren in einer küstennahen Landschaft der Unterkreide.",
+		"images": ["stand1_1.jpeg", "stand1_2.jpeg"]
+	},
+	"second": {
+		"title": "Abbauwand",
+		"text": "An dieser Felswand wird der Obernkirchener Sandstein abgebaut. Das Gestein ist für seine hohe Festigkeit und Witterungsbeständigkeit bekannt und wird seit Jahrhunderten als Bau- und Werkstein genutzt. Es findet sich unter anderem an zahlreichen historischen Gebäuden in Deutschland.",
+		"images": ["stand2_1.jpeg"]
+	},
+	"third": {
+		"title": "Dinosaurier-Spuren",
+		"text": "Auf dieser öffentlich zugänglichen Fläche sind fossile Fußspuren von Dinosauriern erhalten geblieben. Die Spuren entstanden vor rund 140 Millionen Jahren in feuchtem Sand und wurden später durch weitere Sedimentschichten konserviert. Sie gehören zu den bekanntesten Fossilienfunden im Obernkirchener Sandstein.",
+		"images": ["stand3_1.jpeg", "stand3_2.jpeg"]
+	}
+}
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created with Inkscape (http://www.inkscape.org/) by Marsupilami -->
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="1024"
+   height="537"
+   viewBox="-1.88710317 -1.88710317 127.24670634 66.67764534"
+   id="svg21462">
+  <defs
+     id="defs21464" />
+  <path
+     d="m 41.80875,0.7575 36.3925,0 0,8.8675 -9.88375,0 0,7.40375 9.61375,0 0,8.8675 -9.61375,0 0,8.02125 16.4375,0 0,8.8675 -24.965,0 -12.68,0.0425 c 2.55125,-0.295 4.715,-1.105 6.48625,-2.42875 C 53.95625,40.13 54.3,39.84 54.6275,39.5275 56.95375,37.31625 58.145,34.45625 58.19875,30.95125 58.21005,28.24 57.47625,25.97 55.99625,24.1425 c -0.645,-0.79625 -1.44625,-1.52375 -2.4,-2.18125 -1.2375,-0.8525 -2.7325,-1.58875 -4.4875,-2.20875 1.905,-0.83 3.40125,-1.8525 4.4875,-3.0625 0.165,-0.18375 0.32,-0.3725 0.46625,-0.565 1.10625,-1.46125 1.66,-3.1825 1.66125,-5.1625 C 55.74625,9.2975 55.3225,7.69125 54.4525,6.14375 54.2125,5.715 53.92625,5.3075 53.59625,4.92125 52.7325,3.91 51.56375,3.0425 50.08875,2.31625 48.05125,1.3125 45.29,0.7925 41.80875,0.7575 m -7.455,17.51125 0,-11.08375 4.2725,0 c 2.39125,0.0275 4.11,0.54375 5.155,1.5475 1.045,1.00375 1.555,2.325 1.5325,3.96375 0.0225,1.55875 -0.4875,2.8675 -1.5325,3.92375 -1.045,1.05625 -2.76375,1.60625 -5.155,1.64875 l -4.2725,0 m 0,18.255 0,-11.82625 4.83,0 c 2.4125,0.0163 4.2125,0.525 5.40125,1.52375 1.19,1 1.7825,2.39125 1.78,4.1725 -0.005,2.07 -0.64375,3.61125 -1.91875,4.62125 -1.275,1.01 -3.1525,1.5125 -5.635,1.50875 l -4.4575,0 M 0,42.78375 l 27.8,0 0,-10.5325 -13.0775,0 0,-31.495 -14.7225,0 0,42.0275 m 123.4725,-23.985 -16.5125,0 0,8.8675 5.24125,0 0,4.93875 C 107.5875,33.1925 103.95875,32.4925 101.3175,30.5075 98.67625,28.52 97.33,25.60375 97.27875,21.755 c 0.0562,-3.6275 1.24,-6.515 3.55375,-8.6625 2.31375,-2.14875 5.425,-3.24875 9.33375,-3.3 1.97625,0.003 4.01375,0.30625 6.11375,0.91 2.1,0.60375 4.23,1.49375 6.39125,2.6675 l 0,-10.53625 c -2.32,-0.92625 -4.7175,-1.63 -7.1925,-2.11 C 113.005,0.24375 110.515,0.0025 108.01,0 102.94125,0.03 98.5025,0.96875 94.6975,2.81625 90.8925,4.6625 87.92625,7.235 85.79875,10.53375 83.6725,13.8325 82.59125,17.675 82.55625,22.0625 c -0.0325,3.1525 0.73875,6.34 2.315,9.56125 1.575,3.2225 4.15375,5.93375 7.73625,8.13625 3.5825,2.20125 8.3675,3.3475 14.355,3.43875 2.59125,-0.009 5.35875,-0.19125 8.3025,-0.5475 2.94375,-0.355 5.68,-0.83 8.2075,-1.42375 l 0,-22.42875"
+     id="path20833"
+     style="fill:#4a8dcd;fill-opacity:1;fill-rule:nonzero;stroke:none" />
+  <path
+     d="M 60.2925,47.90625 40.325,62.555 18.565,47.90625 l 41.7275,0 z"
+     id="path20837"
+     style="fill:#eb1e24;fill-opacity:1;fill-rule:nonzero;stroke:#eb1e24;stroke-width:0.57749999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:6;stroke-opacity:1;stroke-dasharray:none" />
+</svg>
+<!-- version: 20110311, original size: 123.4725 62.903439, border: 3% -->