Dieses Video präsentiert eine lokal ausgeführte Webanwendung auf Basis von HTML und JavaScript, die der Entwickler mithilfe von Google Gemini erstellt hat, um lokal gespeicherte, GPS-getaggte Fotos auf einer interaktiven Karte zu visualisieren. Die Anwendung verarbeitet große Bildmengen (über 10.000 Fotos), bietet ein anspruchsvolles Clustering mit Kubikwurzel-Skalierung für dichte Bildansammlungen, integriert OpenStreetMap-Kacheln sowie Verknüpfungen zu Google Maps und Street View und verfügt über ein zeitbasiertes Histogramm zur Feinfilterung. Zudem analysiert der Entwickler GPS-Genauigkeitsprobleme bei Mobilgeräten und beschreibt seinen kollaborativen, menschlich kontrollierten Softwareentwicklungsprozess mit künstlicher Intelligenz.
Wichtigste Punkte & Zeitstempel
0:00 Lokale Web-Architektur: Das Tool läuft vollständig lokal im Browser als eigenständige HTML- und JavaScript-Seite ohne Installationsaufwand und verarbeitet lokal gespeicherte Foto-Verzeichnisse.
0:43 Erweiterte Clustering-Logik: Überlappende Fotos werden durch erhöhte Helligkeit dargestellt; ab mehr als drei Fotos skaliert die Punktgröße proportional zur Kubikwurzel der Fotoanzahl, wodurch gigantische Cluster (z. B. über 10.000 Bilder) übersichtlich bleiben.
0:23 Zeitstrahl-Histogramm & Filter: Ein interaktives Histogramm in der oberen linken Ecke zeigt die zeitliche Verteilung und erlaubt nahtloses Zoomen und Filtern von mehrjährigen Zeitspannen bis hin zu einzelnen Stunden.
4:26 Koordinaten-Jittering: Bei extremen Zoom-Stufen (unter 2 Meter Maßstab) wird ein künstlicher Jitter angewendet, um identische GPS-Koordinaten voneinander zu trennen und Rundungsmuster in den Daten sichtbar zu machen.
5:49 GPS-Genauigkeit bei Mobilgeräten: Android-Geräte (insbesondere das getestete Motorola G Play 2023) weisen bei fehlendem Satellitenfix erhebliche Positionsfehler von bis zu 5 km auf, da sie auf Funkmast-Triangulation ausweichen, während iOS-Geräte oft präzisere Daten liefern.
7:06 Kartenintegration & Fallbacks: Als Basiskarte dienen OpenStreetMap-Kacheln; bei Bedarf leitet die Anwendung direkt zu Google Maps und Google Street View weiter, um hochauflösende Luftbilder und reale Standorte abzugleichen.
9:47 Setup und Dateistruktur: Die Anwendung basiert auf den Skripten GPS.html und gatherGPS.html, die nach Erteilung von Browser-Lesezugriffen auf das lokale Verzeichnis eine JavaScript-Indexdatei (GPS tag.js) erzeugen.
12:22 KI-gestützter Entwicklungsprozess: Der Code wurde iterativ über Google Gemini-Prompts entwickelt, wobei der Entwickler bewusst eine „menschliche Bremse“ einbaute, um den Code manuell zu prüfen, zu integrieren und die volle Kontrolle zu behalten.
Diskussions-Highlights
Mensch-KI-Kollaboration in der Softwareentwicklung: Der Autor demonstriert einen pragmatischen Ansatz, bei dem KI als hochentwickelter Code-Generator fungiert, der Entwickler jedoch durch manuelle Code-Überprüfungen die kognitive Kontrolle und das vollständige Verständnis des Systems behält.
Auswirkungen von Metadaten-Fehlern: Die Analyse verdeutlicht, wie ungenaue GPS-Fixes auf Mobilgeräten zu systematischen Fehldarstellungen auf digitalen Karten führen können, was durch einfache Software-Workarounds wie aktive Hintergrund-Navigation mitigiert werden muss.
Glossar
GPS-Tag: Metadaten, die direkt in einer Bilddatei gespeichert sind und die geografischen Koordinaten (Breitengrad und Längengrad) des genauen Aufnahmeortes enthalten.
OpenStreetMap (OSM): Ein kollaboratives Open-Source-Projekt zur Erstellung einer frei zugänglichen und nutzbaren Weltkarte, die hier als digitale Kartengrundlage im Browser dient.
HTML/JavaScript: Programmiersprachen für das Web; HTML strukturiert die Benutzeroberfläche der Anwendung, während JavaScript die Berechnungen, Karteninteraktionen und Logik im Browser ausführt.
Clustering: Ein algorithmisches Verfahren, bei dem nah beieinanderliegende Datenpunkte (hier: Foto-Standorte) zu Gruppen zusammengefasst werden, um die visuelle Überladung einer Karte zu verhindern.
Histogramm: Eine grafische Balkendarstellung der Häufigkeitsverteilung von numerischen Daten (in diesem Fall der Aufnahmezeitpunkte von Fotos über einen Zeitstrahl).
Kubikwurzel-Skalierung: Eine mathematische Dämpfungsfunktion bei der Skalierung von Punktgrößen, damit extrem große Gruppen (z. B. 10.000 Fotos) auf der Karte proportional dargestellt werden, ohne den Bildschirm zu sprengen.
Funkmast-Triangulation: Eine Methode zur ungefähren Standortermittlung von Mobilgeräten anhand der Signalstärken umliegender Mobilfunkmasten, die bei fehlendem GPS-Satellitensignal zu ungenauen Positionsdaten führt.
Indexdatei (GPS tag.js): Eine strukturierte JavaScript-Datendatei, die alle extrahierten Foto-Metadaten und Koordinaten speichert, um ein schnelles Durchsuchen und Rendern ohne erneutes Einlesen der Originalordner zu ermöglichen.