Totos GPX viewer

Dokumentation

Installation

Das Archiv des GPX-Viewers muss in dem Verzeichnis entpackt werden, in dem die HTML-Dateien mit den Karten angezeigt werden sollen – der Viewer selbst liegt nicht in einem eigenen Unterverzeichnis. Auf die Beispieldatei example.html in diesem Verzeichnis kann sofort zugegriffen werden.

Eigene Karten anlegen

Um eigene Karten darstellen zu können, müssen lediglich 2 Dateien angelegt (bzw. an die richtige Stelle kopiert werden) werden: 1. die HTML-Datei, in welcher die Karte angezeigt und über deren URL die Karte abgerufen werden kann und 2. die GPX-Datei, welche die Daten (Tracks und/oder Wegpunkte) enthält die in der Karte dargestellt werden.

Das korrekte Funktionieren des GPX-Viewers ist dabei an zwei Voraussetzungen gebunden:

  1. Speicherort Die HTML-Datei befindet sich im Stammverzeichnis des Viewers und die GPX-Datei befindet sich im Unterverzeichnis gpx/.
  2. Namensgleichheit Beide Dateien haben – bis auf die Endung – den gleichen Namen (die Dateiendungen sind mit .html für die HTML-Datei und mit .gpx für die GPX-Datei festgelegt).

Die HTML-Datei

Die HTML-Datei, welche die Karte anzeigt, wird erzeugt, indem die im Stammverzeichnis mitgelieferte Datei GPXviewer_template.html an den gewünschten Namen kopiert wird.

Die Datei besteht nur aus wenigen Zeilen Code♣:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
  6. <title>GPX-Track</title>
  7. <link rel="stylesheet" href="./style.css" type="text/css" media="all"></link>
  8. <script src="http://openlayers.org/api/OpenLayers.js" type="text/javascript"></script>
  9. <!-- section for map suppliers (you may add more here, see configuration file) -->
  10. <script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js" type="text/javascript"></script>
  11. <!-- section for GPX viewer -->
  12. <script src="./GPXviewerConf.js" type="text/javascript"></script>
  13. <!-- <script src="./userConf.js" type="text/javascript"></script> -->
  14. <script src="./GPXviewer.js" type="text/javascript"></script>
  15. </head>
  16. <body onload="showTrack()">
  17. <!-- powered by Totos GPX viewer: http://www.kryger.de/totosgpxviewer/ -->
  18. <div id="map" style="width:100%; height:100%;">
  19. <noscript id="noscript">
  20. <p>
  21. Please enable Javascript<br />
  22. Bitte JavaScript aktivieren
  23. </p>
  24. </noscript>
  25. <div id="serviceSection"></div>
  26. <div id="controlSection"></div>
  27. </div>
  28. </body>
  29. </html>

Die GPX-Datei

Auf die GPX-Datei gehe ich an dieser Stelle nicht näher ein – ich gehe davon aus, dass standardkonforme GPX-Dateien (geloggt, heruntergeladen, zusammengeklickt oder handgeschrieben) vorhanden sind.

Sind obige Konventionen erfüllt, genügt ein Aufruf der angelegten HTML-Datei mit einem JavaScript-fähigen Webbrowser um die GPX-Datei mit den Standardeinstellungen angezeigt zu bekommen.

Weiteres

Anmerkungen

♣ Syntax-Hervorhebungen durch Highlight.
letzte Änderung: 26.07.2010