Differences

This shows you the differences between two versions of the page.

--- handleiding_nieuw:sub_spacematrix [2025/05/19 10:26] – external edit 127.0.0.1
+++ handleiding_nieuw:sub_spacematrix [2025/11/27 06:51] (current) – support
@@ Line 29: / Line 29: @@
 <body>
-<h1>Spacematrix & Voorzieningen</h1>
+<h1>Stedelijke Dichtheidsrekenmachine</h1>
 <div class="tabs">
   <div class="tab active" onclick="switchTab('rekenblok')">Spacematrix Rekenblok</div>
@@ Line 59: / Line 59: @@
     </div>
     <div class="kaartcontainer" style="max-width: 500px;">
-      <img src="https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:SPACEMATE1.png" alt="Spacematrix kaart">
+      <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:SPACEMATE1.png" alt="Spacematrix kaart">
       <div class="stipje" id="stipje"></div>
     </div>
@@ Line 257: / Line 257: @@
 function updateStipje(fsi, gsi) {
   const stip = document.getElementById("stipje");
-  const x = Math.min(100, Math.max(0, gsi * 190));
-  const y = Math.max(0, Math.min(100, (3 - fsi) * 35));
+  // Afbeeldingskalibratie (pixels of procenten afhankelijk van verhoudingen)
+  // GSI 0 → linksrand, GSI 0.5 → ongeveer 90% breedte
+  const x = Math.min(100, Math.max(0, (gsi / 0.5) * 70+ 6));   // pas 70 en 6 aan voor horizontale correctie
+  // FSI 0 → onderrand, FSI 3 → bovenzijde (ongeveer 5% marge boven)
+  const y = Math.max(0, Math.min(100, 92 - (fsi / 3) * 88));   // pas 93 en 88 aan voor verticale correctie
   stip.style.left = `${x}%`;
   stip.style.top = `${y}%`;
@@ Line 682: / Line 688: @@
   try {
-    const response = await fetch('https://www.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:kickstart_template_final.txt&v=' + Date.now());
+    const response = await fetch('https://login.sumsonite.nl/wiki/lib/exe/fetch.php?media=handleiding_nieuw:spacematrix:kickstart_template_final.txt&v=' + Date.now());
     if (!response.ok) throw new Error(`Bestand niet bereikbaar (${response.status})`);