Reiserouten in Landkarten mit geotags im WordPress OSM Plugin V2.6

Die aktuelle Version 2.6 des WP OpenStreetMap Plugin OSM bringt neben Fehlerbehebungen auch neue Funktion mit:

  • Mehrere geo tags pro post / page möglich
  • Korrektur des Kreisradius beim Argument disc_radius_list
  • Löschen der OSM Plugin beim Uninstall
  • Typo im Link zum Routenplanter bei Markern
  • OpenLayers V2.13 und GoogleMaps V3

Der WP OSM Plugin shortcode zum Darstellen einer Reiseroute mit verlinkten Seiten sieht wie folgt aus:

[*osm_map lat="58.69" long="25.487" zoom="6" width="450" height="300" import="osm_l" import_osm_line_color="orange" map_border="thin solid orange" theme="ol_orange" import_osm_cat_incl_name="tutorial" marker_name="../../../uploads/sites/2/2014/02/mic_cycling_icon.png" marker_height="37" marker_width="32" marker_focus="5"]

*remove the star in the WP OSM shortcode
[osm_map lat=”58.69″ long=”25.487″ zoom=”6″ width=”450″ height=”300″ import=”osm_l” import_osm_line_color=”orange” map_border=”thin solid orange” theme=”ol_orange” import_osm_cat_incl_name=”tutorial” marker_name=”../../../uploads/sites/2/2014/02/mic_cycling_icon.png” marker_height=”37″ marker_width=”32″ marker_focus=”5″]Map with geotagged posts: The three markers on the left side link the sampe article (one article with three geo-tags) and the marker on the right side links just one page. The orange line is generated automatically.

Drei Schritte sind notwendig:

  1. Verorten / geotaggen von WordPress Seiten / Beiträge
  2. Kartenausschnitt mit WP OSM Shortcode Generator auswählen und in den Beitrag kopieren
  3. Argumente für das automatische Erstellen der Marker und der Route hinzufügen

Verorten / geotaggen von WordPress Seiten / Beiträgen

Bislang wurde unterstützt, dass man einen Beitrag oder eine Seite mit genau(!) einem geo-tag verorten kann, ab der Version 2.6 können einem mehrere geotags über das benutzerdefinierte Feld (custom field)  OSM_geo_data zugeordnet werden. Die drei geotags können im WP OSM Plugin Shortcode generator direkt beim Erstellen der Seite / des Artikels durch Klicken in die Karte erstellt werden:

Geotagging with WP OSM Plugin

Generate geotag 1: Select geotag 2:  click into the map 3: Copy the value for the custom field

Mit Leerzeichen getrennt wird daraus das customfield OSM_geo_data für eine Seite mit drei geotags:

58.90641,23.42256 58.86557,23.04559 58.58968,22.71326

Im WP Backend sieht das dann so aus:

OSM_geo_tag_01
OSM_geo_data custom field with three geotags (separated  by space) for one post / page

Kartenausschnitt mit WP OSM Shortcode Generator auswählen und in den Beitrag kopieren

Das Erstellen des Shortcodes mit dem Kartenausschnitt kann man im Backend beim Erstellen des Artikels oder der Seite machen – sieh auch hier.

Argumente für das automatische Erstellen der Marker und der Route hinzufügen

Damit auch der Marker farblich dazupasst, am besten bei der Maps Icon Collection nach einem orangen Marker gucken – Details hier. Alle Beiträge oder Seiten, die zu einer Reise gehören, am besten einer eigenen Kategorie zuordnen um in der Karte danach filtern zu können. Die Argumente für die Darstellung sind dann:

  • import=”osm_l”=>fügt für jeden Beitrag / Seite einen Marker mit Link in der Karte ein
  • import_osm_cat_incl_name=”tutorial”=>zeigt nur die Beiträge / Seiten der Kategorie “tutorial”
  • import_osm_line_color=”orange”=>Verbindet die einzelnen Marker mit einer orangen Linie (alternativ könnte man stattdess auch mit gpx_file=”http://MyFile.gpx” einen eigenen Track einblenden.

Wenn man einen eigenen Marker hochgeladen hat, muss man dazu mehrere Angaben machen. Wer einen Standardmarker verwendet, benötigt diesen Teil nicht:

  • marker_name=”../../../uploads/sites/2/2014/02/mic_cycling_icon.png” => Ort des Markers (relativ zum OSM-Pluginverzeichnis)
  • marker_height=”37″=>Höhe des Markers
  • marker_width=”32″=>Breite des Markers
  • marker_focus=”5″=>legt fest, dass unten mittig der Fokus des Markers ist

Dieses feature kann natürlich auch mit GPX Files kombiniert werden, statt zB . den import_osm_line_color Argument.

Feedback oder Links zur eigenen Umsetzung sind im Forum (DE / EN) sehr willkommen 🙂

Posted in announcement
Tags: , , ,

Location