Info Texte über json Datei zentral gespeichert und nicht mehr hartgecodet

info.json

@@ -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"]
+	}
+}

main.js

@@ -462,23 +462,19 @@ map.once('load', () => {
         loadPointCloud(getPointCloudFiles()[selectBox.value]);
     }
 
-    const pointCloudInfo = {
+
-    first: {
+// Informationen über die Punktwolken zentral in einer JSON-Datei
-        title: "1. Fläche unten",
+const pointCloudInfoFile = "info.json";
-        text: "Dies ist die 1. Fläche (unten). Hier können Sie Informationen zur Scanfläche, dem Aufnahmedatum oder besonderen Merkmalen des Obernkirchener Sandsteins eintragen.",
+let pointCloudInfo = {};
-        images: ["stand1_1.jpeg", "stand1_2.jpeg"]
+
-    },
+// die JSON-Datei laden
-    second: {
+fetch(pointCloudInfoFile)
-        title: "2. Felswand",
+    .then(response => response.json())
-        text: "Dies ist die 2. Felswand. Hier können Sie Informationen zur Scanfläche, dem Aufnahmedatum oder besonderen Merkmalen des Obernkirchener Sandsteins eintragen.",
+    .then(data => {
-        images: ["stand2_1.jpeg"]
+        pointCloudInfo = data;
-    },
+    })
-    third: {
+    .catch(error => console.error("Fehler beim Laden der JSON:", error));
-        title: "3. Fläche oben mit Spuren",
+
-        text: "Dies ist die 3. Fläche (oben) mit Spuren. Hier können Sie Informationen zur Scanfläche, dem Aufnahmedatum oder besonderen Merkmalen des Obernkirchener Sandsteins eintragen.",
-        images: ["stand3_1.jpeg", "stand3_2.jpeg"]
-    },
-};
 
 const infoPanel = document.getElementById("info-panel");
 const infoPanelTitle = document.getElementById("info-panel-title");
@@ -490,8 +486,11 @@ let currentImageIndex = 0;
 
 function updateInfoPanel() {
     const key = document.querySelector('select[name="pointcloud"]').value;
+
     const info = pointCloudInfo[key];
+
     currentImageIndex = 0;
+
     if (info) {
         infoPanelTitle.textContent = info.title;
         infoPanelText.textContent = info.text;