GPX Track mit WordPress in OpenStreetMap anzeigen

Wer in seinem WordPress Blog eigene OpenstreetMap Karten darstellen möchte kann aus mehr als 10 plugins wählen. Unterschiedlich ist dabei meist die darunterliegende Technoligie (OpenLayers, Leaflet, Google Maps API, …) und der Funktionsumfang. Für die Darstellung von GPX Tracks / Routen bietet das WordPress OpenStreetMap plugin OSMeine einfache Möglichkeit. Über die Mediathek werden die Files hochgeladen und im Shortcodegenerator beim Justieren der Karte angegeben. Die aktuelle Version 1.1.1 des OSM plugins ist fast ausschließlich ein Release zur Fehlerbehebung, daher eine Gelegenheit, statt einer Releasenote, hier eine deutschsprachige Anleitung für das Darstellen von GPX Tracks zu posten.

In vier Schritten den GPX-Track in einer OpenStreetMap Karte darstellen

1. WordPress OpenStreetMap plugin OSM installieren
2. GPX Track in WordPress Mediathek hochladen
3. OpenStreetMap Karte justieren und GPX Track einfügen
4. Shortcode generieren und im Artikel oder der Seite einfügen

 WordPress OpenStreetMap plugin OSM installieren

Die Installation des OSM plugins geschieht am einfachsten im Backend, dh. mit Administratorrechten einloggen und unter Plugins => Plugins installieren nach dem Begriff OSM suchen und dieses installieren.

WordPress OSM Plugin Install: mit dem Begriff OSM

 GPX Track in der WordPress Mediathek hochladen

Ab der OSM plugin version 1.1.1 können in der Mediathek auch GPX files hochgeladen werden. Nach dem Hochladen kann hier auch gleich die Adresse mit Strg + C in die Zwischenablage kopiert werden.

WP OpenStreetMap plugin OSM Install 02

 Die OpenStreetMap Karte justieren und GPX file einfügen

Im Shortcodegenerator muss nun die Adresse des GPX files unter “Füge die Adresse der GPX-Datei hier ein” angegeben werden. Zusätzlich können noch andere Optionen gewählt werden, zB. das einfügen eines Markers, einen Rahmen um die Karte setzen, das Style der Controls änder  uvm.

WP OpenStreetMap plugin OSM Install 03

Shortcode für das WordPress OpenStreetMap plugin generieren

Wenn man alle Optionen gewählt hat und auch die Adresse der GPX-Datei eingefügt hat erstellt man mit dem Klicken auf die Karte den Shortcode. Hat man auch einen Marker in der Karte gewählt, dann wird dieser an jener Stelle erzeugt in der man in die Karte klickt. Der Shortcode kann in die Zwischenablage (Strg + C) kopiert werden und im Artikel eingefügt werden.

WordPress OpenStreetMap plugin install

Beispiele für GPX Routen mit dem WordPress OpenStreetMap plugin OSM

In diesem Blog wurde das Anzeigen von optimierten GPX files schon gezeigt. Daher an der Stelle ein paar Links zu Blogs rund um den Globus die GPX files einbinden.:

Mehrere GPX Tracks in einer Karte darstellen

Wer in einer Karte mehrere GPX Tracks in unterschiedlichen Farben darstellen möchte erstellt dazu mit dem Shortcodegenerator die Karte und fügt dann die Argumente händisch dazu:

gpx_file=”http://www.Domain.com/blog/sample01.gpx,http://www.Domain.com/blog/sample02.gpx”
gpx_colour_list=”black,green”

Das einfügen dieser Argumente geschieht am besten in der HTML Ansicht beim Artikelschreiben um sicherzustellen dass keine Formatierung im Shortcode erstellt wird.

Ein Biespiel mit drei GPX files und Anleitung kann man hier sehen.

Siehe auch: WordPress OSM plugin Wiki

Was ist neu im WordPress OpenStreetMap plugin 1.1.1

• New: GPX upload in der Mediathek
• New: add CSS – file
• Fix: z-index Ausgabe beim Shortcodegenerator
• Fix: Stylekonflikt mit WP-Theme zBench (Danke an Felix !)
• Fix: Add HTML tags if post is geotagged

The english documentation is on the WordPress OSM plugin  site.
Find a french documenation on UMONS.

[OSM PLUGIN DOWNLOAD]

Ein Artikel zu OpenStreetMap in freiesMagazin.

Feel free to add a comment with a link to your page using GPX with the OSM plugin.