Reiseberichte in WordPress mit OpenStreetMap Landkarten erstellen – WP OSM Plugin V3.8

Mit dem WP OSM Plugin kann man GPX und KML tracks in Landkarten anzeigen und auch einem Beitrag einen Ort (Geotag) zuweisen und so eine Übersichtskarte im Blog erstellen. Mit der aktuellen Version 3.8 kann man nun auch bis zu neun Marker direkt einem Beitrag zuordnen – ganz ohne Files. Im Beitrag können mehrer Landkarten dargestellt werden und jede kann einen Marker oder alle zeigen. Für einen Artikel über den italienischen Nationalpark Cinque Terre mit den fünf Dörfern würde das zB so aussehen:

Alle fünf Marker die im Tab [Add Marker] gespeichert wurden:

[*osm_map_v3 map_center="41.033,13.18" zoom="5" width="100%" height="450" map_border="thin solid orange" post_markers="all" type="outdoor" control="fullscreen,scaleline"]

Read more ›

Posted in announcement

WordPress 4.6 with OpenStreetMap Plulgin OSM works well ..

All tests have been successful with the latest WordPress update – thanks to everyone!

Posted in announcement

Combine / cluster icons of geotag markers in an OpenStreetMap map with OpenLayers in WordPress

The WordPress OpenStreetMap Plugin OSM is very often used to geotag posts and pages in a blog. The location of the post can be shown in a widget or a map can be used to visualize all geotags in the blog. Huge blogs may have crowded maps and therefore the latest version comes with the feature to combine / clustere thes markers. Beside this you get the latest OpenLayers version 3.13.1. And finally some fixed busgs are coverd (eg changed order at mouseposition, position of individual markers):

Read more ›

Posted in announcement
Tags: , ,

Themes and plugins to start a WordPress site

Since a friend started a site by using WordPress I will recomend some additional software here.

WordPress Theme

From my point of view the best free WordPress theme is Responsive. We use it on some subdomains of HanBlog.Net and also implemented with this theme.

WordPress Plugins

  • First of all you should install WP OSM Plugin to set geolocation and add maps with tracks to your site.
  • If you have twitter account there is the nice plugin Rotating Tweets to show your tweets.
  • Against brute force attacks you should modify .htaccess or install WP Cerber.
  • Not just for he contact site it makes sense to install Contact Form 7.
  • A simple forum can be implemented with bbPress (like WordPress OpenStreetMap Forum).
  • And if you want your readers to share the articles use Sharrif Wrapper (see it at the end of this article)

Basic Tips

  • Change the adminlogin from admin to anything else
  • The name, shown at the article, should not be the login
  • Plugins slow down your site, use only needed ones and load them from


Posted in tutorial

Landkarten in WordPress mit WP OSM Plugin V3.6

Die aktuelle Version des WordPress OpenStreetMap Plugin kommt mit folgenden neuen features:

  • OpenLayers 12.1
  • HTML-Text auch für osm_map_v3 marker
  • Scaleline und Mousepositon als controls in der Karte
  • Neuer Workflow um Marker einzubinden

Click on the marker to see the html-text!

Post your feedback in the WP OSM Plugin Forum.

Posted in announcement

New maps with upcoming WP OSM Plugin version

The next version will bring two new mapstyles:

[*osm_map_v3 map_center="48.854,2.35" zoom="15" width="100%" height="300" type="pioneer"]

Thanks to BreizhPositive for submittion of “brezhoneg”:

[*osm_map_v3 map_center="48.854,2.35" zoom="15" width="100%" height="300" type="brezhoneg"]

Release will be within 2015 🙂

Posted in announcement
Tags: , ,

Mousewheel Zoom and custom marker in WordPress OpenStreetMap Plugin V3.5.4

Per default mousewheel zoom is disabled, you can activate it with mwz=”true”.

You can add custom marker with realtive path (from OSM-folder) and adding marker_size argument for correct position.

[*osm_map_v3 map_center="48.857,2.352" zoom="3" width="100%" height="150" marker_latlon="46.55845,6.39519" marker_name="../../../../wp-content/uploads/osm_map/custom_marker_01.png" marker_size="43,26,1" mwz="true"]
[*osm_map_v3 map_center="48.857,2.352" zoom="3" width="100%" height="150" marker_latlon="46.55845,6.39519" marker_name="../../../../wp-content/uploads/osm_map/custom_marker_01.png" marker_size="43,26,2" mwz="true"]
[*osm_map_v3 map_center="48.857,2.352" zoom="3" width="100%" height="150" marker_latlon="46.55845,6.39519" marker_name="../../../../wp-content/uploads/osm_map/custom_marker_01.png" marker_size="43,26,3" mwz="true"]
[*osm_map_v3 map_center="48.857,2.352" zoom="3" width="100%" height="150" marker_latlon="46.55845,6.39519" marker_name="../../../../wp-content/uploads/osm_map/custom_marker_01.png" marker_size="43,26,4" mwz="true"]
[*osm_map_v3 map_center="48.857,2.352" zoom="3" width="100%" height="150" marker_latlon="46.55845,6.39519" marker_name="../../../../wp-content/uploads/osm_map/custom_marker_01.png" marker_size="43,26,5" mwz="true"]
Posted in announcement

Maps covered with WordPress OSM Plugin V 3.5.2

With the latest WP OSM Plugin  version some new tiles have been added, you can choose these maps in the shortcode generator. Have fun to add them to your site!
<Stamen Watercolor>
<Stamen Toner>
<Spinal Map>


Posted in Allgemein, announcement

WP OSM Plugin – free mapping solution based on state of the art technology

Within the last weeks there have been several requests regarding the new WP OSM Plugin shortcode osm_map_v3 and the differences to osm_map. So it’s time for a more detailled answere which needs some background information. All mapping plugings are ususally structured like this:

  1. there are map data wich should be displayed (OpenStreetMap, Bin, GoogleMaps, …)
  2. there are software components to display map data (OpenLayers, Leaflet, GoogleAPI, …)
  3. there is additional functionality added by the mapping plugin (show geotagged posts, shortcode generator, …)

The responsibility for 1.) is handed over to blog admin / author, the maps differ a lot in the license and that’s way many people choose OpenStreetMap for commercial and non commercial sites.

The point 2.) is quite important for the compatibility of your map on different browsers / devices. A lot of mapping plugins integrate software components which are five years old or even older … especially in the last years this part changed a lot because of mobile devices. WP OSM Plugin V3.5.1 with argument osm_map_v3  integrates OpenLayers 3.10.1 which was released in October 2015.

The point 3.) is mainly the added value by the plugin development team.

WP OSM Plugin provides two shortcodes to integrate maps, it’s like a “two in one plugin”. The osm_map shortcode ist based on OpenLayers 2 technology (point 2.) which is not state of the art anymore but still works. The new osm_map_v3 uses a mapping software which is the state of the art OpenLayers 3 and was released 1 month ago.
osm_map_v3 is a new and seperate development and because of limitted resource, the maintenance os WP OSM Plugin is limitted to osm_map_v3. Also new features, like fullscreen map button <=> is only implemented in osm_map_v3!

osm_map_v3 focuses on mobile devices, performance and simplicity

The arguments to be used with osm_map_v3 changed compared to osm_map. Mostly the shortcode is autogenerated with the WP OSM Plugin shortcode generator when you edit the post, but if you want just manually change it, you might want to know the relation within the table at the end of the article.

A map with all geotagged posts has got this osm_map_v3 shortcode:

[*osm_map_v3 map_center="52.795,23.51" zoom="3" width="75%" height="300" tagged_type="post" marker_name="wpttemp-yellow.png" control="fullscreen" map_border="thin solid grey"]

Improvement needs your feedback

You should update your osm_map shortcode to osm_map_v3 shortcode to make sure your readers see want you want them to see – on different devices with different features and high performance.

For further improvements we want to know which shortcode you use – please leave a comment to this article with your shortcode.

WP OSM Plugin shortcode table:

osm_map osm_map_v3 comment
lat map_center lat and lon are compined in one argument
lon -“-
kml_file file_list filetype is recognized by osm plugin.
kml_file_list file_list -“-
gpx_file file_list -“-
gpx_file_list file_list -“-
control control not fully supported
kml_colour file_color_list color is automatically related to gpx or kml files
gpx_colour file_color_list -“-
gpx_colour_list file_color_list -“-
width width
height height
map_border map_border -“-
import tagged_type import and post_type is combined to one
post_type -“-
zoom zoom
marker_name marker_name
type type -“-
zoom zoom -“-
map_border map_border -“-
marker marker_latlon -“-
marker_height *** not supported yet
marker_width *** not supported yet
marker_focus *** not supported yet
marker_routing *** not supported yet
import_osm_cat_excl_name *** not supported yet
import_osm_cat_incl_name *** not supported yet
import_osm_line_width *** not supported yet
import_osm_line_color *** not supported yet
import_osm_line_opacity *** not supported yet
theme not supported anymore
marker_file not supported anymore
Posted in tutorial