Geo-Quiz
Orte auf einer unbeschrifteten Luftbildkarte finden. Gewertet wird nach Distanz.
- Jahr
- 2026
- Rolle
- Idee, Gestaltung und Umsetzung
- Typ
- Web-App
- Technik
- Vite, TypeScript, Leaflet, OpenStreetMap-Daten, swisstopo-Luftbilder, GitHub Actions, GitHub Pages
Ausgangslage
Die eigene Region kennt man vom Velo und vom Zugfenster. Auf einer leeren Karte findet man sie trotzdem nicht.
Ziel
Ein Quiz für den eigenen Freundeskreis, das zeigt, wie gut man die eigene Gemeinde wirklich kennt.
Vorgehen
- Daten: Orte und Strassen kommen aus OpenStreetMap und werden per Skript gefiltert und auf die Gemeinde zugeschnitten, nicht von Hand gepflegt.
- Karte: Leaflet zeigt Luftbilder von swisstopo, ohne Beschriftung, dazu den Umriss der Gemeinde.
- Spiel: Man tippt einen Ort an, bestätigt und sieht Distanz und Punkte.
- Veröffentlichung: Bei jedem Push baut GitHub Actions die App und stellt sie auf GitHub Pages.
Entscheidungen
- Luftbild statt Strassenkarte. Ohne Beschriftung muss man sich an Dächern, Feldern und Wald orientieren.
- Distanz statt richtig oder falsch. Je näher am richtigen Punkt, desto mehr Punkte.
- Acht Fragen pro Runde. Kurz genug für zwischendurch.
- Daten per Skript. Änderungen in OpenStreetMap kommen mit einem neuen Lauf ins Spiel.
Ergebnis
Eine Live-Webapp mit acht Fragen pro Runde und eigenem Logo. Unten lässt sie sich direkt hier spielen.
Geo-Quiz, live eingebettet
Lädt das Quiz direkt von GitHub Pages. Dabei wird Ihre IP-Adresse an den Hoster übermittelt.
Technik
Vite, TypeScript, Leaflet, OpenStreetMap-Daten, swisstopo-Luftbilder, GitHub Actions, GitHub Pages
Was ich gelernt habe
Mit Geodaten zu arbeiten heisst, sauber mit Quellen und Lizenzen umzugehen. Und ein automatisches Deployment über GitHub Actions spart bei jeder Änderung Zeit.