The Making Of -> "Wandern mit GPS"

Die GPS Track Anzeige

Einbindung in eigene WEB-Seiten

Die WEB-Site GpsWandern.de bietet anderen WEB-Site Betreibern die Möglichkeit, die Track Anzeige für die eigene WEB-Site zu benützen. Mit der Track Anzeige wiederum können GPS Daten (Tracks, Routen, Waypoints) in einer Karten- oder Satellitenansicht geografisch dargestellt werden.

Auf dieser Seite soll nun grob erklärt werden, wie die Track Anzeige funktioniert und Hilfestellung gegeben werden, sie in die eigenen WEB-Seiten einzubinden.

Funktionsweise der Track Anzeige

Funktionsweise der Track Anzeige

Funktionsweise

Folgende Komponenten sind im Spiel:

  • Der Internet-PC des Anwenders mit Internet Browser (und Javascriptfähigkeit)
  • Der Server des WEB-Site-Betreibers mit dessen HTML-Seiten und Tourdatendateien
  • Der Server GpsWandern.de mit der Track Anzeige
  • Ein weiterer Bestandteil ist Google Maps, auf dem die Track Anzeige aufbaut, aber darum muss sich der WEB-Site Betreiber keine Gedanken machen.

Wie funktioniert nun der Zugriff:

  1. Der Anwender ruft eine WEB-Seite (Wanderseite.html) vom der Wander WEB-Site ab.
  2. Diese Seite enthält einen Link auf die Track Anzeige Seite, die nun bei GpsWandern.de aufgerufen wird.
  3. GpsWandern.de ruft seinerseits die Tourdatendatei (hier Trackdatei.gpx) vom Wander WEB-Server ab und liefert die Kartenanzeige der Datei an den Anwender zurück. Ort und Name der Tourdatendatei wurde im Aufruflink übergeben.

Ein WEB-Sitebetreiber (wie hier im Beispiel der "Wander WEB-Site") muss also folgendes zur Verfügung stellen um eigene Touren mit Hilfe der Track Anzeige in einem Karten- oder Satellitenbild anzuzeigen:

  • Eine HTML-Seite, aus der heraus die Track Anzeige aufgerufen wird. Das wird typischerweise die Seite sein, die die Wanderung mit Text und Bildern beschreibt.
  • Eine Tourdatendatei mit den geografischen Daten (in Form von Tracks, Routen oder Waypoints. Das Format der Tourdatendatei muss zwingend GPX sein. Solche Dateien werden typischerweise von GPS-Geräten aufgezeichnet oder können mit dem GPS-Online-Routen-Planer erstellt werden. Wichtig ist, dass die Tourdatendatei auf einem WEB-Server liegt und im Internet verfügbar ist. Dateien auf lokalen PC-Festplatten können nicht über die Track Anzeige veröffentlicht werden. (Sie können aber über den interaktiven Trackviewer angezeigt werden)
  • Den Aufruf und die Einbettung der Track Anzeige in das eigene WEB-Programm

Aufruf der Track Anzeige

Um hier zu schnellen Ergebnissen zu kommen, gibt es bei GpsWandern.de den interaktiven Trackviewer mit dem die Anzeige der eigenen Tourdaten getestet werden kann. Gleichzeitig wird dabei der HTML-Code für den Aufruf der Track Anzeige automatisch erstellt, der dann direkt in die eigene WEB-Seite übernommen werden kann. Zuvor muss aber die Tourdatendatei (.gpx) auf den eigenen WEB-Server kopiert werden, damit sie im Internet erreichbar ist.

An- und Einbindungsbeispiele der Track Anzeige

In den folgenden Beispielen wird eine GPX Trackdatei als Tourdatendatei verwendet, die hier abgelegt ist: http://muenchen-surf.de/karger/hirschhoernlkopf.gpx.

Einfacher Link

<a href="http://www.gpswandern.de/gpxviewer/gpxshow.shtml?
 url=http://muenchen-surf.de/karger/hirschhoernlkopf.gpx"
 title="Trackanzeige auf www.GpsWandern.de">
 Tourenanzeige im Satellitenbild
</a>

Codebeispiel: So sieht's aus . Dann Zürück-Taste des Browsers verwenden!"

Per "url"-Parameter nach dem Fragezeichen wird die Lokation der GPX-Datei angegeben. Die Track Anzeige öffnet im aktuellen Fenster.

Link in neuem Fenster

<a href="http://www.gpswandern.de/gpxviewer/gpxshow.shtml?
 url=http://muenchen-surf.de/karger/hirschhoernlkopf.gpx"
 title="Trackanzeige auf www.GpsWandern.de"
 target="_blank">
 Tourenanzeige im Satellitenbild
</a>

Codebeispiel: So sieht's aus .

Wie vorher, die Track Anzeige öffnet jedoch ein neues Fenster.

Einbetten mit IFrame

<iframe src="http://www.gpswandern.de/gpxviewer/gpxshow.shtml?
 url=http://muenchen-surf.de/karger/hirschhoernlkopf.gpx&
 margin=0&sizesel=0"
 width="731"
 height="822"
 frameborder="0"
 scrolling="no" >
</iframe>

Codebeispiel: Wie's aussieht sehen Sie unterhalb:

Hier wird kein neues Fenster geöffnet sondern das komplette Track Anzeige Fenster per IFrame in die aktuelle Seite eingebunden.

Wenn eine WEB-Site sowieso mit Frames abeitet, kann natürlich anstelle des IFrame die Track Anzeige Seite in das entsprechende Frame eingebunden werden.

Aufruf in einer selbstgestalteten Seite

Eine letzte Variante wäre das Einbetten der Track Anzeige in eine selbstgestaltete Seite und der Aufruf dieser Seite. So sieht's aus . Zum Einbetten kommt wieder die IFrame Technik zum Einsatz.

Weiterführende Informationen

Nähere Informationen zum interaktiven Darstellen von Tourdaten im Trackviewer gibt es im Teil 3 der GPS Anleitungen auf GpsWandern.de. Weitere Hilfestellung zur Track Anzeige bietet der Teil 4 der GPS Anleitungen. Hier findet sich auch eine Liste zusätzlicher Steuerungsparameter zur Beeinflussung der Track Anzeige.

Letzte Änderung: 12.04.2009