Demo

The WordPress plugin “Leaflet Maps Marker” allows you to pin, organize & show your favorite places through OpenStreetMap on your blog and via different APIs on external websites or apps (full list of features here). You can download it for free here.

For a list of websites using this plugin please also visit the page showcases. Below you find a demo marker map using the  basemap from OGD Vienna. You can click on the icons in the top right corner to access the API links or choose from the list below:

KML-LogoFullscreen-LogoQR-code-logoGeoJSON-LogoGeoRSS-LogoWikitude-Logo
Wiener Riesenrad
Wiener Riesenrad 48.217012, 16.395877 We had great fun here :-) \"\"

 

Adding a new marker to a map is quite easy (see the according tutorial) and you can configure many options (like name, map size, icon, popuptext… ) as you can see from the following screenshot of the admin area for creating new markers:

If you want to display more than one marker on a map, you can also create a layer map with Leaflet Maps Marker. Below you see a live demo (with the enabled option to display a list of markers below the map):

KML-LogoFullscreen-LogoQR-code-logoGeoJSON-LogoGeoRSS-LogoWikitude-Logo
My journey to Europe 2011
Sun Beach: 41.029643, -8.679199
Restaurant: 48.690960, -0.153809
Miller´s Pub: 51.508129, -0.128005
Restaurant Farewell: 48.207287, 16.375809
Airport: 48.341646, 22.675781
 Fullscreen-Logo KML-Logo
Sun Beach
great party at the beach! :-)
 Fullscreen-Logo KML-Logo
Restaurant
Best wine in france
 Fullscreen-Logo KML-Logo
Miller´s Pub
The beer in London tastes good :-)
 Fullscreen-Logo KML-Logo
Restaurant Farewell
restaurant you should go to!
 Fullscreen-Logo KML-Logo
Airport
next stop

 

Editing the layer is as easy as creating a marker as you can see from the next screenshot of the admin area for creating new layer maps:

Another cool feature this plugin supports thanks to the used Leaflet-library is the support for WMS layers. WMS stands for Web Map Service and is a standard protocol for serving georeferenced map images over the Internet that are generated by a map server using data from a GIS database.
With Leaflet Maps Marker you can configure up to 10 WMS layers which can be enabled for each map. As default, 10 WMS layers from OGD Vienna and from the European Environment Agency have been predefined for you. A selection of further possible WMS layers can be found here.

Below an example map with one active WMS layer from OGD Vienna showing the public toilets in Vienna:

KML-LogoFullscreen-LogoQR-code-logoGeoJSON-LogoGeoRSS-LogoWikitude-Logo
OGD Vienna Public Toilets
OGD Vienna Public Toilets 48.170665, 16.443100 missing in map!

 

Another WMS example – a map with one active WMS layer from the European Environment Agency showing agricultural areas in Europe:

KML-LogoFullscreen-LogoQR-code-logoGeoJSON-LogoGeoRSS-LogoWikitude-Logo
European Environment Agency - Agricultural Areas
European Environment Agency - Agricultural Areas 48.221928, 16.335297

 

Leaflet Maps Marker not only let´s you display your marker and layer maps on your site but also export the location in different formats for reuse on other websites and in apps.

Here a screenshot of a layer map displayed in Google Earth:

You can also set timestamps for each marker, which allow animations in Google Earth via KML. Below a sample video of a visualized bike tour through Italy:

Maps can also be re-imported in Google Maps / My Maps:

If you want to subscribe to new markers from a site and read them with a feed reader like Google Reader, you can also use the GeoRSS-feature (example GeoRSS-link for all markers on this website).

For a more technical approach to integrating map data, you can use the GeoJSON-feature which outputs location data in a standardized compact way for re-use on other websites or apps (example GeoJSON-link for all markers on this website).

If you would rather to work with your location data in standard software like Excel, you can also use the export features for all markers, as you can see from the screenshot below:

Another innovative way to display your markers to use the integrated Wikitude Augmented-Reality-API. Augmented reality (AR) is a live, direct or indirect, view of a physical, real-world environment whose elements are augmented by computer-generated sensory input such as sound, video, graphics or GPS data. See Wikipedia for more info about AR.

As a first step, an API to Wikitude has been implemented. APIs to other Augmented-Reality-Providers (like Layar or Junaio) will probably follow in one of the next versions. Below a sample screenshots of Wikitude (note: did you also set up a AR project using my plugin? Then please get in touch with me so that I can add it to the showcases page)

You think managing all your markers is complicated? Not at all ;-) Leaflet Maps Marker offers list views for managing markers and layers and allows you to select the columns you want to display:

Well – you think managing the settings for all those features is difficult? Well I wouldn´t say so ;-) Leaflet Maps Marker uses the WordPress Settings API and displays the different categories in tabs for better usability. And best of all: if you messed up your settings, you can always reset the defaults:

Well – this was a quick introduction to the most important features of Leaflet Maps Marker. For a full list of features and more technical details please see the page features.

Fork me on GitHub