WordPress OpenStreetMap Plugin OSM V2.8.1 released

The latest version of the WordPress OSM Plugin addressed several improvements of existing features:

  • show the excerpt for geotagged posts in the pop up
  • hide the map widget at the blogarchive view
  • add the OSRM routing service in the popup
  • some bugfixes (see Roadmap for details).

Display a map with all geotagged posts:

If you geotagged your posts of pages with WP OSM Plugin, you can display all your posts in a map:

[*osm_map lat="52.795" lon="23.51" zoom="3" width="100%" height="450" control="mouseposition,scaleline" map_border="medium solid orange" theme="ol_orange" marker_name="wpttemp-yellow.png" import="osm_l" import_osm_cat_incl_name="announcement" import_osm_line_color="orange"]

The arguments of this map more detailled:

  • lat=”52.795″ and lon=”23.51″ … center of the map
  • zoom=”3″ width=”100%” height=”450″ … adjust the map
  • control=”mouseposition,scaleline” … show some controls on the bottom of the map
  • map_border=”medium solid orange” … border around the map
  • theme=”ol_orange” … the arrows to navigate in the map
  • marker_name=”wpttemp-yellow.png” … icon used to mark the posts on the map
  • import_osm_cat_incl_name=”announcement” … filter the geotagged posts for “announcement” only
  • import=”osm_l”… mark them in the map with link to the posts
  •  import_osm_line_color=”orange” … connect all geotagged posts with an orange line

Widget for geotagged posts.

Since OSM Plugin V2.8 there is a widget to show a map if the post/page is geotagged. This map is not shown anymore if there are more than one posts/pages displayed. Thanks to writeln for info on this issue.

OSRM – Routing Service link in the popup

At Settings / Einstellungen of your WordPress Blog you will find OSM with another OSM Shortcode generator. There you can create a shortcode like this automatically:

[*osm_map lat="38.716" lon="-9.137" zoom="16" width="600" height="450" marker="38.71612,-9.13619" marker_name="wpttemp-red.png" map_border="thin solid green" control="scaleline" m_txt_01="Fa. Muster" m_txt_02="MyStreet" m_txt_03="8899 City" m_txt_04="My Country" marker_routing="osrm" theme="dark" type="Mapnik"]

Your feedback is welcome in the forum (EN / DE) and if you like the OSM plugin, rate it here.

Veröffentlicht unter announcement

Feedback requested to improve WP OSM Plugin documentation

The feedback for the WordPress OpenStreetMap Plugin OSM is pretty good – thanks for that! The only point that is addressed for improvements is the documentation. There is no doubt, that’s the reason why you find also great articles about the plugin out there:

The WP OSM Plugin is free, there is no business plan to make money – it’s just a contribution to the great OpenStreetMap Project! There is no marketing plan for the OSM plugin, requirementsmanagements is handled in the Forum (DE / EN). Unfortunately the attention to the documentation is not as big as it should be …

 

?? DO YOU HAVE ANY IDEAS TO IMPROVE THE DOCUMENATION OF THE WP OSM PLUGIN ??

POST HERE (DE / EN)

 

 

Veröffentlicht unter Feedback

Hamburgs Brücken mit WP OSM Plugin – Feedback

Hamburgsbruecken Logo

Sehr gern möchte ich mich jetzt auch einmal zu Wort melden; der Beitrag könnte aber etwas länger sein, da ich sowohl bei einem selbstgehosteten WordPress-Blog als auch mit einem Plug In ein absoluter Anfänger bin und leider null komma null Ahnung von HTML oder Ähnlichem haben. Ich schreibe einfach drauf los …



Erster Versuch: OpenStreetMap im WordPress.com gehosteten Beitrag als Link einbinden

Ich veröffentliche auf http://hamburgsbruecken.de/ täglich eine andere Brücke aus Hamburg und stelle sie mit einem kleinen Text vor. Auf Anregung eines Lesers bekam ich den Tipp, doch eine Karte mit einzubinden. Damals hatte ich noch auf wordpress.com gebloggt und ich fragt rum, wie das ginge. Der http://blog.cupofcoffee.de/ – mein Retter in der Not – gab mir den Tipp, es mit OpenStreetMap zu probieren, weil das am einfachsten ist. Gesagt getan, ich habe also in einem extra Tab im Browser OSM aufgerufen, den Ort gesucht, in dem ich in dem Straßenfeld den Suchbegriff eingegeben habe, dann auf Marker setzen, Link kopieren und habe dann den HTML Link in den Beitrag eingefügt.

Der Frust war groß, weil in der freien WP Version die Karte nicht angezeigt wird, sondern nur ein Link. Also bekam ich wieder einmal den Hinweis, ein eigenes Blog zu starten und mittels Plug-In (das erste Mal, das ich das Wort hörte) die Karte einzufügen. Und wer hat mir dazu geraten? Natürlich der https://twitter.com/cupofcoffee_de

Eigener Blog und erster Kontakt mit WordPress Plugins
Mitte März war es soweit, ich habe mir ein eigenes Blog eingerichtet, sämtliche Beiträge importiert und das WP OSM Plugin von MiKa installiert. https://twitter.com/cupofcoffee_de hat mir dann wieder gesagt, dass ich OSM Shortcode auswählen muss, dann den Markertyp und in der Karte zoomen und den Link dann in den Beitrag kopieren.

Ok … ahnungslos wie ich bin fragte ich, ob es denn nicht einfacher ginge, z.B. indem ich einfach nur die Straße eingebe oder so. Da hat der @cupofcoffee sich mit Mika in Verbindung gesetzt und herausgekommen ist das OSM Plugin 2.7.1 (http://wordpress.org/support/view/plugin-reviews/osm)

Der @cupofcoffee hat dann noch eine “Anleitung für Dummies” (also für mich) geschrieben und ich konnte loslegen. Es gab ein paar kleine Startschwierigkeiten, da ich mich ja wie gesagt so gar nicht mit HTML auskenne und demzufolge beim Link die eckige Klammer nicht mit kopiert hatte ( :-) ) Naja, Anfängerfehler halt.

Der OSM Plugin workflow integriert in das Beitragschreiben
Ich habe also die Anweisung befolgt und nun geht es ratzfatz mit der Karte: Ich schreibe meinen Bericht, gehe unten auf “geotag” statt “shortcode”, zoome in der Karte auf den korrekten Standort, klicke drauf, kopiere den Koordinatenwert, gebe in das benutzerdefinierte geotag_Feld den Wert ein, ebenso den Link zum Icon und gebe nun den Shortcode für die Karte ein. Und prompt erscheint im Beitrag die korrekte Karte.

Hamburgsbruecken Ubersichtskarte

Was aber am schönsten ist: durch den mir von @cupofcoffee mitgeteilten Code habe ich jetzt auch auf meinem Blog eine Extra-Seite, eine Übersichtskarte.

Sabine

Veröffentlicht unter Feedback

WordPress OpenStreetMap Plugin OSM with widget for geotag released

The WP OSM Plugin 2.7.1 focused on geotagging your posts and pages including the possibility to add a specific icon to your post and page. The latest version adds a widget to this feature, it automatically adds a map with the geotag position and the icon of the post / page. The overall feature list of this release is:

  • Widget for geotagged posts / pages
  • Set the map sice with percentage (responsive for smartphones and table screens)
  • Add some new icons
  • Fix a warning if geotags are filtered by category

OpenStreetMap Widget for posts and pages

If you want to geotag your posts / pages you have set a geolocation and optional choose an icon for this post by adding custom fields OSM_geo_data and OSM_geo_icon – this is explained here. As soon as you have geotagged at least one post/page you can use the widget to display it in your post/page. Post / pages without geotag to not show the widget. You have to add the widget ad Design => widget.

OpenStreetMap Plugin Widget for WordPress

OpenStreetMap Plugin Widget for WordPress

If you defined a marker to your post / page with OSM_geo_icon the marker in the widget reaplaces the marker of the widget settings. The center of the map is automatically the the geotag location of the post / page.

Responsive maps in your post / page

Up to now the size was fixed to pixel. If you set the arguments to width=”300″, the width of the map was 300 pixel, regardless of the width that is available for the map. Instead of pixel you can set the size by percentage just by adding % add the end of the number: eg width=”95%”.

Additional icons shipped with the plugin

Let us know, if you want any other markers from map icons collection to be added.

Looking forward your feedback (Forum EN / DE) and if you like the WP OSM Plugin, do not forget to rate here.

THANKS to Beta-Tester!

This version was driven by two Beta-Tester. Thanks a lot for the patience and the professional feedback to:

Sascha

Philip

 

 

 

Veröffentlicht unter announcement

WordPress OpenStreetMap Plugin OSM V2.7.1 freigegeben

WP OSM Plugin V 2.7.1 released with:

  • Add icon to a post / page via custom field OSM_geo_icon
  • New marker argument “OSM_geo” to display geotag of current post/page
  • Russian translation

Von CupOfCoffee kam die Idee, einem Beitrag oder einer Seite auch einen Marker zuordnen zu können. Das wird mit dieser Version in einem ersten Schritt gemacht. Der Blog Hamburgs Brücken stellt detailverliebt die Brücken vor und zeigt diese auch immer in einer Karte. Damit lag nahe, nicht nur eine Karte mit allen verorteten Blogbeiträgen erstellen zu können, sondern auch eine Karte zum aktuellen Post automatisch erstellen zu könnten. Für Hamburgs Brücken sieht zB ein solcher OSM shortcode für alle Beiträge gleich aus:

[*osm_map  zoom="15" width="450" height="300"  marker="OSM_geo" map_border="2px solid blue"]
* ohne Stern

Einzig zwei Benutzerdefinierte Felder (Custom Fields) müssen dafür gesetzt werden.

  • OSM_geo_data
  • OSM_geo_icon

Für die Rialto Brücke in Venedig sieht das wie folgt aus:

WordPress OSM Plugin geotag

geotag und icon for post / page in WordPress OSM Plugin

Damit ist auch der erste Schritt Richtung Widget getan …

Thanks also to Вячеслав Стренадко for the Russian translation!

Thanks to holzhannes for WP-content-URL tipp!

Kommentare und Rückmeldungen bitte im Forum (DE / EN) – und nicht das Review vergessen!

Ein wirklich feine Anleitung zu Custom Fields mit dem WP OSM Plugin findet man bei CupOfCoffee.

PS @kurzundknapp: Hoffe das Icon mic_blue_bridge_old_01.png passt ;-)

Veröffentlicht unter announcement

EXIF-Test-page

[*osm_map lat="53.34" lon="-6.200" zoom="13" width="600" height="450" marker_name="mic_photo_icon.png" import="exif_m" gpx_file_list="../../../../wp-content/uploads/sites/2/2014/04/route_dub.gpx" gpx_colour_list="blue"]

 

houses_pigeon_house

cherry_blossom

(C) BlueDublin.com

Veröffentlicht unter tutorial

WP OSM Plugin V2.7 displays EXIF-photos on the map

The latest WordPress OpenStreetmap Plugin OSM brings two features and one bugfix:

  • FIX: z-index argument did not work correct
  • NEW: shortcode argument to display photos (with EXIF data) of the post/page in the map
  • NEW: map icons collection

A simple example of two photos I took with my smartphone in Sikkim:

Third Photo

First Photo in Sikkim / India

Second photo with a small shop:

Fourth Photo

Second Photo in Sikkim / India

You have to upload the photos to the mediathek within in the post/page that shows the map!

And find these new icons as part of the geo plugin:

Let us know if you want some more frome here.

This shortcode can be generated in the backend of your blog:

[*osm_map lat="27.31" lon="88.192" zoom="14" width="300" height="300" control="mouseposition,scaleline" map_border="2px solid orange" theme="ol_orange" marker_name="mic_coldfoodcheckpoint_01.png" import="exif_m"]

Map with all photos with Exif data in this post:

Add your comment here [DE / EN].

Veröffentlicht unter announcement

EXIF to KML with Geotag for OpenStreetMap in WordPress

There are several ways to display your geotagged photos in a map. One way is to export the EXIF information of your JPG photos automatically with Geotag. The abbreviation KML ist not shown in the tool, but you get it if you choose Google Earth => Ausgewählte Bilder exportieren.

EXIF to KML with Geotag

Geotag tool can export EXIF to KML files for the OSM Plugin

I modified the generated KML-file for two reasons:

  • changed the icon from Google-icon to an icon of Map Icons Collection (for legal reasons)
  • changed the placemark for the popup as the size was not correct

Change the marker

from:

<href>http://maps.google.com/mapfiles/kml/pal4/icon46.png</href>

to:

<href>http://MyDomain/wp-content/plugins/osm/icons/mic_photo_icon.png</href>

With “replace all” I modified the description (added a div and changed the location of the JPG files):

from:

<description>&lt;a href=&quot;/home/mika/MyPrograms/jpeg2kml/Fotos/20130404_150830_HDR.jpg&quot;&gt;&lt;img src=&quot;/home/mika/MyPrograms/jpeg2kml/Fotos/20130404_150830_HDR.jpg&quot; width=&quot;150&quot;/&gt;&lt;/a&gt;</description>

to (added a div for the size):

 <description>&lt;div style=&quot;width:150px;height:140px&quot;&gt;
&lt;a href=&quot;http://MyDomain/wp-content/uploads/osm_map/20130404_150830_HDR.jpg&quot;&gt;&lt;img src=&quot;http://MyDomain/wp-content/uploads/osm_map/20130404_150830_HDR.jpg&quot;&gt;&lt;/a&gt;&lt;/div&gt;</description>

The KML file can be displayed with the WP OSM Plugin like this:

[*osm_map lat="27.354" lon="88.206" zoom="12" width="350" height="350" control="mouseposition,scaleline" map_border="thin solid grey" theme="dark"  kml_file="../../../../wp-content/uploads/osm_map/Test_It.kml"]

Click on the camera / on the pic in the popup.

Autotest

Post your comment in the Forum (DE / EN)

Veröffentlicht unter tutorial

Map icons collection for marker / POI in WP OSM Plugin

From the beginnen of the WordPress OpenStreetMap Plugin OSM there were icons included to the plugin and everyone could add its own uploaded icons. How to add personal markers was explained in the release post of Vers 2.3 and not quite simple.

With WP OSM Plugin Version 2.7 we are going to add the map icons collection of Nicolas Mollet to the plugin, since we can not add all icons in all colours, we ask you to tell us your need.

Fixed added with WP OSM Plugin V2.7 (roadmap):

Let us know which icons you want to be added from the map icons collection additionally

- Forum EN / DE -

Veröffentlicht unter News

WordPress OpenStreetMap Plugin OSM V2.6.2 released

We have been asked whether the WP OSM plugin was  bought by google – in short: No.  This question was a reason to release a new version within short time and provide it with this fixes:

  • FIX: Shortcode generator (Settings => OSM) used GoogleStreet instead of Mapnik
  • FIX: OSM Plugin was linked twice at OpenWeather and OpenSeaMap
  • FIX: Shortcode Argument “All” is replaced by “AllOsm” automatically
  • NEW: Shortcode argument “long” is replaced by “lon” (backwards compatible)

Let us know your feedback in the Forum (EN / DE) and follow the WP OSM Plugin @ twitter!

Did you know you can also add an overview to your map?
There is the WP OSM Shortcode argument ov_map with the zoomlevel of the overviewmap, see the sample of the map:

[*osm_map lat="38.87" lon="-77.055" zoom="14" width="450" height="300" theme="ol_orange" map_border="thin solid orange" ov_map="10"]


Click on the on the bottom to get the overview map and navigate with the red rectangle :-)

Related Links:

 

Getagged mit: ,
Veröffentlicht unter announcement