Travelers' Map

Description

Travelers’ Map allows you to display your blog posts on a dynamic map using the Leaflet module and OpenStreetMap open data. This plugin is entirely free.

See this plugin in action on my hiking blog.
How to use: Get started with Travelers’ Map

Features of Travelers’ Map

  • Geolocalize your posts, pages or custom post types on a map and choose the marker image. A search module is available to quickly locate the desired location.
  • Add your own images to customize your markers.
  • Insert a dynamic map that displays your articles using a simple shortcode. Choose the dimensions of your map.
  • Filter the posts you want to display on the map by their type, categories and tags.
  • Markers clustering is automatic when marker density is too high, to prevent them from overlapping.
  • Customize the appearance of your maps with OpenStreetMap tile providers. By default, the plugin uses CARTO’s free and open “Voyager” map tiles.
  • Customize the popup style and content for your markers. You can also disable the plugin’s CSS if you want to design your own popups.
  • Travelers’ Map is compatible with the new Gutenberg editor and the classic editor.
  • This plugin does not add any tables into your database.

The geolocation data of your posts are saved as meta-data and are not deleted if Travelers’ Map is disabled or deleted. However, if you want to uninstall Travelers’ Map permanently, an option is available to clean your database of any data added by the plugin.

Bug reports and Contribution

Bug reports for Travelers’ map are welcomed on my GitHub Repository. Also, feel free to use Github to contribute to the plugin!

Known Issues

  • Minor issue with Elementor: Map preview in Elementor Builder is not working. However the map is still working on the final page.

Screenshots

  • Display an interactive map showing your geolocated posts using a shortcode.
  • Geolocate each of your post directly in your editor and assign them your custom markers icon. A search module is integrated into the map.
  • Add custom markers easily. 6 default markers are available.
  • Customize your map in the settings page. Everything is explained clearly.
  • Shortcode Helper page. Change the default size of your map and it's behaviour, filter the posts you want to show by tags, category or post type.

Installation

  1. Go to the Plugins -> ‘Add New’ page in your WP admin area
  2. Search for ‘Travelers Map’
  3. Click the ‘Install Now’ button
  4. Activate the plugin through the ‘Plugins’ menu

Get started

Detailed guide is available here: Get started with Travelers’ Map

FAQ

Is this open source and free of charge?

Yes, it is. This plugin uses Leaflet to display the interactive maps. OpenStreetMap open data is used. By default, this plugin uses CARTO’s Voyager tiles, which require attribution but are free.

However, you may have to pay if you were to choose a premium Tile Provider.

How can I find free tile providers to customize my map?

You should visit the awesome Leaflet-providers demo to find a tile provider. Some of them require to register and request an API key.

Can I use Google Maps

No, I decided to create Travelers’ Map after Google Maps’ pricing plans were updated. Furthermore, loading tiles from Google Maps by simply specifying the tiles URL to Leaflet is against the Google Maps terms of service.
If you really want to use Google Maps (but really, why?), you can use the plugin Novo-Map that I used to use on my personal blog.

Can I add more markers images?

Yes, you can add your own custom markers in “Travelers’ Map” > “Customize markers” in your WordPress admin area.

Is this plugin only available in English?

Since version 1.0.0, this plugin has English and French version. You can contribute and [translate the plugin into your language] (https://translate.wordpress.org/projects/wp-plugins/travelers-map/)! Thank you.

My markers’ thumbnails are heavy and long to load, what can I do ?

Travelers’ map is creating a small thumbnail size for your popups, however, WordPress is not regenerating thumbnails for the images you uploaded before activating the plugin. To do that, you can install a plugin called “Regenerate Thumbnails” by Alex Mills.

Can I add two maps on the same page?

Yes you can since version 1.5.0, you can add multiple shortcodes on the same page.

Can I change the marker popup style?

Yes you can, since version 0.9.0. You can also disable the plugin’s CSS to customize.

Reviews

October 10, 2020
Wie so oft ist weniger echt mehr. Ein traumhaftes kleines Plugin mit wenigen, aber wichtigen Möglichkeiten der Anpassung ohne viel Chichi. Bitte einfach so weiterpflegen und optimieren, aber nicht so überladen wie viele andere. Comme souvent, moins c'est vraiment plus. Un merveilleux petit plugin avec peu d'options mais importantes pour la personnalisation sans beaucoup de chichi. Continuez simplement à maintenir et à optimiser, mais pas aussi surchargé que beaucoup d'autres. Merci Camille 🙂
September 29, 2020
This Plugin is amazing!! I love it how it works and so easy to setup. I changed the icons and it worked like a breeze. Maybe in future updates, is there a change you can on/off click the different icons. But that is just a mention. hope you will support this plugin for a long time. Kind regard, Remco
September 28, 2020
Simple, clean, responsive and easy to use. And it supports CPT. Thank you!
July 5, 2020
I was looking for such a plugin for my travel blog and this one has caught my attention. It is effective, light and very user-friendly, both for the visitor and for the site owner. Configuration is painless and it is relatively easily to customize it to your needs so that you could integrate at best the plugin into your website. The use of Openstreetmap is a big +1 for that plugin. Cherry on top, it looks like this plugin's author takes user feedback very seriously and continuously improves the plugin. Great job!
Read all 17 reviews

Contributors & Developers

“Travelers' Map” is open source software. The following people have contributed to this plugin.

Contributors

“Travelers' Map” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Travelers' Map” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.11.2 – 07/11/2020

  • Fixed apostrophes in custom title and excerpt to break the map.
  • Fixed accents and special characters in custom title and excerpt from displaying as html entities in popovers.
  • You must save again your broken custom titles and excerpts for the fix to work, sorry for the inconvenience.

1.11.1 – 11/10/2020

  • Fixed the map not loading with “disable_clustering” parameter set to true.

1.11.0 – 08/10/2020

Improved popovers customization:
* You can now choose which data you want to show in the popovers. Design will adapt accordingly.
* Added the possibility to show the post’s date in the popovers.
* Added custom title, excerpt and thumbnail for markers’ popovers. You can now change the default data shown in the popovers.
* Updated popovers CSS. If you have a caching plugin, you can clear the cache after the update if you have any problem.
* Old settings are automatically converted into the new settings when updating to 1.11.0.
* Updated Travelers’ Map backend UI on post editing page, now optimized for V2.0 update.
* Changed backend map to center on the current marker on page load.
* Thanks to Rob de Cleen @rdc2701 for his Dutch and Italian translations! 🙂

1.10.0 – 24/07/2020

  • Added shortcode parameter “current_query_markers” to show current page query markers only. Ideal to put on the search results page. This will override every other filtering parameters. Please note this is not working with ajax loaded search results.
  • Added shortcode parameter “max_cluster_radius” to define the maximum radius that a cluster will cover from the central marker (in pixels). Default is 45. Decreasing will make more, smaller clusters.
  • Shortcode Helper page updated with the new parameters.

1.9.2 – 20/06/2020

  • Fixed double quotes in popovers’ excerpt from throwing an error and preventing the map to load.

1.9.1 – 17/06/2020

  • Added stacking context to the map: map and control elements are not overlapping other plugins elements anymore (like overlays, modal windows…).
  • Better English wording (ex: popups are now popovers). Do not hesitate to contact me if some sentences are weird, english is not my native tongue.
  • French translation is now fully compatible with WordPress Translate. Plugin “readme” is translated too.
  • German translation by Micha Zergiebel is up since 1.9.0, thank you a lot for this!
  • New donation link in the settings page.

1.9.0 – Major update – 21/05/2020

New features:
* Added custom taxonomy filtering in shortcodes!
* Added shortcode parameter “disable_clustering” to disable marker clustering. Don’t use this on a map with a lot of markers.
* Added shortcode parameter “open_link_in_new_tab” to open the link in a new tab on click on a marker’s popup (however it’s not recommended, in most cases, you should let the user decide what he/she wants to do).
* Added shortcode parameters “tileurl”, “subdomains” and “attribution” to override global plugin settings. This option is advised for advanced users only.
* Added spiderfy for markers clustering: If a clusterGroup appears at the maximum zoom level of the map, clicking on it makes it “spiderfy” so you can see all of its markers. No more problem if your markers are located at the same place.

Changed:
* Shortcode Helper page updated with new parameters :
* Added a new “Advanced settings” section at the bottom of the page.
* Added “Filter by custom taxonomies section”.
* French translation updated.

Fixed:
* Travelers’ Map now check if the map containers are on the page before initializing the maps. This removes the errors when the shortcode was loaded asynchronously.

For developers:
* Added possibility to initialize the map with initTravelersMap() function. This can be useful if you load the HTML container div asynchronously.
* Updated dependencies: Leaflet V1.6.0 and Leaflet MarkerCluster V1.4.1
* Refactorded some functions and formatted files with Prettier (.js) and Phpfmt (.php)

1.8.1 – 20/02/2020

Added compatibility with WPML (multilingual plugin) :
* Use duplication to copy marker information between posts.
* Shortcode is now showing posts of the current language only.
* Added an option in Travelers’ Map settings (when WPML is activated) to copy all markers from default language posts to their translations (useful if the translations are already created).
French translation updated.

1.8.0 – 17/02/2020

=

Added compatibility with Polylang (multilingual plugin) :
* New translations for a post are getting the same marker’s informations as original post. This might work for WPML too but I can’t test without a licence, sorry.
* Shortcode is now showing posts of the current language only.
* Added an option in Travelers’ Map settings (when Polylang is activated) to copy all markers from default language posts to their translations (useful if the translations are already created).
French translation updated.
Code formatting

1.7.0 – Major update – 14/12/2019

=

New features:
* New shortcode parameter “centered_on_this” to show a map zoomed on the current post’s marker, moreover other posts are also displayed on the map.
* New shortcode parameter “post_id” to fetch a post’s marker by its ID. This can be combined with “centered_on_this” parameter to zoom on this ID’s marker but keep the others showing.
* New option added to show a fullscreen button on your maps in the plugin settings.

Minor features and changes:
* Added a dismissible admin notice warning the users to regenerate their thumbnail to speed up their markers’ thumbnails loading.
* Overhaul UX/UI makeover for Shortcode helper page. Settings are now separated in different parts and is optimized for next update.
* Changed default “Initialization max-zoom” to be 15 instead of 18.
* Changed some texts in admin area.
* French translation updated.

New options for developers:
* ‘cttm_map[]’ array is now a global variable. You can now initialize your own leaflet plugins to the maps. More information and tutorial added in the plugin’s documentation.
* Custom event ‘cttm_map_loaded’ is triggered when maps are initialized on the frontend.

1.6.0 – 02/11/2019

  • Added shortcode option “Initialization max zoom” to set a default max zoom on map load. The user can still zoom over this limit. This is useful for maps showing only one marker.
  • Removed popup when using “this_post=true” to avoid end-user confusion.
  • Markers’ thumbnails are now hard cropped to 300*200px to avoid wide images not displaying correctly in markers’ popup. If you had any problem, please regenerate your thumbnail using the awesome plugin “Regenerate Thumbnails”.
  • Updated French translation.

1.5.0 – 05/10/2019

  • You can now add multiple maps within a single page or post.
  • Added a new shortcode parameter “this_post=true” to show a map of the current post marker. Usefull when you want to add a map inside your geolocated posts and pages.
  • Updated shortcode helper page with “this_post=true”.
  • Code optimization for future updates.
  • Added placeholder message in case leaflet is not loading correctly.
  • Bugfix: Page no longer scroll to recenter on map after a search.
  • Updated French translation.

1.4.0 – 28/08/2019

  • Added a new option to disable one finger events for mobile users. This option is still in beta and is not yet warning the user to use two fingers.
  • Updated shortcode parameters to accept the maximum and minimum zoom level of the map using ‘maxzoom=’ and ‘minzoom=’.
  • Updated shortcode helper page.
  • Updated French translation.

1.3.1 – 20/07/2019

  • Leaflet search in frontend now zoom-in on search like in the admin area.
  • Changed menu label for settings page.
  • Fixed translation not showing up on admin menus.

1.3.0 – 19/07/2019

  • Community requested: Added an option to enable Leaflet search module in frontend.
  • Focus on search box now enable mousewheel zoom on map.
  • Fixed errors showing when unchecking an option in settings.

1.2.0 – 17/07/2019

  • You can now geolocalize and add markers to pages and custom post types.
  • New setting in option page to select on which post type you want to activate markers.
  • Updated shortcode parameters to accept post type filter using ‘post_type=’.
  • Updated Shortcode Helper page.
  • “Delete all plugin data” now delete every marker of every possible public post type, even unchecked ones.
  • “Markers” posts can no longer be accessed from URL.
  • Bugfix: “Delete current marker” button no longer refresh the page with Classic Editor.
  • French translation update.

1.1.0 – 28/06/2019

  • Improvement of Travelers’ Map backend UX.
  • Changed Leaflet default icon to match with the plugin icons.
  • Latitude and longitude are now below the map to avoid confusion.
  • Changing Latitude and Longitude manually in the input field now change the marker position on the map.
  • New button added to delete current marker data.
  • Search input is now open by default to increase visibility.

1.0.0 – 21/06/2019

  • Travelers’ Map is now translatable.
  • French language added.

0.9.0 – 13/06/2019

  • NEW: Popup customization – You can now choose between pre-defined popups.
  • You can now show excerpt in popups.
  • Popups CSS can be turned off for developers.
  • Fixed map not displaying in Internet Explorer…

0.8.2 – 06/06/2019

  • Added new default markers on plugin activation.
  • “Delete data” button in options page now remove every custom marker too.
  • Clarified the “Delete button” description in options page.
  • Fixed options not being removed when uninstalling the plugin.

0.8.1 – 04/06/2019

  • Fixed error when no custom marker is created

0.8.0 – 02/06/2019

  • First version released publicly on wordpress.org