initial commit

assets/woistdiebox.js

@@ -0,0 +1,39 @@
+  let map;
+  let marker;
+
+  async function loadConfig() {
+    const res = await fetch("./location.json");
+    return await res.json();
+  }
+
+  function initMap(lat, lng) {
+    map = L.map('map').setView([lat, lng], 13);
+
+    L.tileLayer('https://tiles.tservic.es/{z}/{x}/{y}.png', {
+	    attribution: '&copy; OpenStreetMap &copy; <a href="https://tile.openstreetmap.de" target="_blank">tile.openstreetmap.de</a> - via tiles.tservic.es',
+      subdomains: 'abcd',
+      maxZoom: 19
+    }).addTo(map);
+
+    marker = L.marker([lat, lng]).addTo(map);
+  }
+
+  function setLinks(lat, lng) {
+    document.getElementById("gmaps").href =
+      `https://www.google.com/maps?q=${lat},${lng}`;
+
+    document.getElementById("applemaps").href =
+      `https://maps.apple.com/?ll=${lat},${lng}`;
+  }
+
+  async function main() {
+    const config = await loadConfig();
+
+    const { name, lat, lng } = config;
+
+    document.getElementById("title").innerText = "Finde den Standort der Fotobox";
+    initMap(lat, lng);
+    setLinks(lat, lng);
+  }
+
+  main();