simple automatische Positionsdarstellung
Einfaches PHP-Script: GPX-Tracks in Ordner auf Karte anzeigen
Mit diesem simplen PHP-Script kann man GPX-Dateien aus einem Ordner auf dem eigenen Server auslesen und Tracks bzw. Punkte automatisch auf einer Karte anzeigen lassen. Es lassen sich auch Bilder darstellen.
Ich habe mir (mit der Hilfe von Chad = KI) eine kleine PHP-Anwendung geschrieben. Sie funktioniert so: Das Script listet alle GPX-Dateien auf, die sich im Unterordner „tracks“ dieser Anwendung befinden. Klickt man dann auf eines dieser Elemente, wird die Position auf der Open Street Map angezeigt. Man kann auch mehrere GPX-Dateien gleichzeitig für eine visuelle Darstellung aktivieren.
Außerdem werden Bilder im Ordner „pictures“ angezeigt – sofern sich darin welche befinden. Das ganze schaut dann im Browser so aus:
Wozu das Ganze?
Ich nutze diese Karten-Anwendung in Kombination mit der Automatisierungs-App ›Tasker‹ auf meinem Android-Smartphone: Tasker erstellt automatisch eine GPX-Datei mit meinem aktuellen Standort und sendet diese per FTP in den „tracks“-Ordner meiner Karten-Anwendung.
Tasker kann dabei zusätzlich noch ein aktuelles Foto aufnehmen und dieses ebenfalls per FTP hochladen (in den Ordner „pictures“). Beides wird dann visuell im Browser dargestellt. Diese Tasker-Aktionen triggere ich, wenn der Entsperrcode auf meinem Smartphone falsch eingegeben wurde (daher die Idee mit den Bildern). Man kann das Auslösen bzw. Hochladen auch manuell beispielsweise per SMS auslösen. Siehe auch die Anleitung → Standort + Foto per Tasker hochladen
Somit kann ich sehr einfach sehen und verfolgen, wo sich mein Smartphone befindet und – und wer sich davor.
Meine PHP-Kartenanwendung kann natürlich auch für andere Zwecke genutzt werden. Noch einmal die Funktionsweise: Es werden einfach nur GPX-Dateien aus dem Ordner „tracks“ ausgelesen und aufgelistet. Bei Klick auf diese, werden die Positionen auf der Karte dargestellt. Es können auch Bilder aus dem Ordner „pictures“ ausgelesen- bzw. dargestellt werden.
Ich hatte auch noch integriert, dass bei Klick auf eine beliebige Stelle der Karte ein kleines Pop-up erscheint, welches die exakten Koordinaten anzeigt und außerdem noch einen Link zur Open Street Map. Enthält ein Trackpoint einen Namen, so wird dieser per Klick auf den Marker angezeigt.
Admin-Bereich
Es gibt zudem einen kleinen Admin-Bereich (passwortgeschützt). Hier können Tracks auch per Browser hochgeladen werden. Und natürlich können hier vorhandene Daten gelöscht werden. Ganz einfach und simpel. In diesen Admin-Bereich gelangt man per Klick auf das kleine Zahnrad-Symbol im Frontend. Im Gegensatz zum Backend ist das Frontend jedoch nicht passwortgeschützt sondern frei zugänglich x.
x Bei Verlust meines Smartphones möchte ich nicht noch nach einem Passwort kramen, wenn ich über einen beliebigen Browser meine Karte öffnen- bzw. den Standort meines Handys sehen möchte.
Installation
Zum Betrieb meiner kleinen Kartenanwendung benötigt man natürlich eigenen Webspace mit PHP-Unterstützung. Hierfür reicht auch kostenloser von einem „Free-Hoster“ wie z. B. Limacity.
Zunächst lädt man sich mein Script bzw. die Zip-Datei auf den eigenen Computer herunter, entpackt die Zip-Datei und öffnet mit einem reinen Text-Editor (z. B. Windows Editor) die Datei „index.php“. Denn dort sollte zunächst das Admin-Passwort geändert werden (ganz oben in Zeile 5). Standardmäßig heißt es chefkoch. Ansonsten sollte man in dieser Datei nichts ändern.
Nun lädt man alle Dateien per FTP-Programm auf den eigenen Webspace. Das war’s zunächst schon. Man kann die Seite (index.php) nun im Browser aufrufen. Eine Datenbankanbindung ist nicht nötig bzw. nicht vorhanden. Man muss nichts weiter konfigurieren. Als Besitzer einer Domain bzw. einer bereits vorhandenen Website ist es sicherlich am praktikabelsten, wenn man mein einfaches PHP-Karten-Script auf einer eigenen Subdomain betreibt. So kann man sich die Adresse gut merken.
Die beiden Ordner tracks bzw. pictures müssen natürlich beschreibbar sein (Rechte rwxr-xr-x bzw. 0755 im FTP-Programm setzen).
GPX-Tracks und Bilder hochladen
Zunächst zeigt meine Anwendung aber noch gar keine Standorte an. Die Karte ist standardmäßig auf Berlin zentriert. Klar: Es befinden sich ja noch gar keine GPX-Dateien im „tracks“-Unterordner x.
x Das Script beinhaltet zwei Beispiel-GPX-Datein zur Demonstration.
Die eigenen GPX-Dateien müssten nun z. B. per FTP manuell hochgeladen werden. Wie ich oben bereits erwähnte, tue ich dies automatisiert vom Smartphone aus mit „Tasker“. Im Admin-Bereich gibt es jedoch eine Upload-Funktion für GPX-Tracks.
Für Bilder gibt es keine Upload-Funktion. Solche müssten manuell (per FTP) in den „pictures“-Ordner geladen werden. Diese Bilder-Funktion ist eigentlich nur sinnvoll, wenn man mein Open-Street-Map-Karten-Script für das Nachvollziehen von fehlerhaften Entsperrversuchen beim eigenen Smartphone nutzt. Dies ist optional.
Download
Das Script kann frei heruntergeladen- und verwendet werden. Das Passwort zum Entpacken der Zip-Datei lautet klickgutachter.de.
Zur Darstellung der Open-Street-Map wird das kleine Javascript Leaflet verwendet bzw. ein Plugin für das Darstellen der Positionen per GPX-Datei. Dies aber nur am Rande bzw. für die Credits. Wenn jemand meine kleine PHP-Anwendung nutzen sollte, würde ich mich über eine kurze Rückmeldung via dem Kommentarbereich freuen.