adsf

Reviewed-on: #7

index.html

@@ -179,7 +179,8 @@ if (hash.length >= 2) {
       });
     });
   </script>
-
+  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
   <script src="markers.js"></script>
+
 </body>
 </html>

markers.js

@@ -1,41 +1,40 @@
+let Data_api = "/webhook/data";
+let freight = null;
+let testing = true;
 
-GetMarkerData();
-
-let freight;
+let ReqData = { Places: "Stadte"}
 
+// Post to n8n Server to get Data from Grist in JSON format.
 async function GetMarkerData() {
+  
   try {
-    // holt Daten vom Gateway → das reicht die Worker-Antwort direkt durch
-    const res = await fetch("https://datagateway.danielnagel.at/api/job", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        client: "MapViewer",
-        path: "Arenos/Map Marker/Städte",
-        row: 0,
-        meta: {
-          requestID: "test-123",
-          timestamp: new Date().toISOString(),
-          priority: false
-        }
-      })
-    });
-
-    freight = await res.json();    // JSON-Antwort vom Gateway
-    console.log("Antwort vom Gateway:", freight);
+    const res = await axios.post(Data_api, ReqData);
+    console.log (res.data);
+    RenderMarkers(res.data);
 
   } catch (err) {
-    console.error("Fehler beim Laden:", err);
+    console.error (err);
   }
 
-  if (freight && freight.job_ok) {
-    PlaceMarkers(freight.data);
-  }
-}
-
-
-function PlaceMarkers(data){
-  console.log(data);
-
 }
 
+//Render Map Markers with the Position from Grist Database
+function RenderMarkers(rows){
+  if (!Array.isArray(rows)) {
+    console.error('Erwarte ein Array, bekam:', rows);
+    return;
+  }
+
+  rows.forEach((row) => {
+    const x = Number(row.X);
+    const y = Number(row.Y);
+    if (!Number.isFinite(x) || !Number.isFinite(y)) return;
+
+    L.marker([y, x])        // [lat, lng] -> [Y, X]
+      .addTo(map)
+      .bindPopup(`<b>${row.Name ?? ''}</b>`);
+  });
+}
+
+
+GetMarkerData();