This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Lf Hiker


Lf Hiker is a plugin for quickly display your gpx tracks with their profile elevation on an interactive map.
Lf Hiker is responsive and mobile friendly.

Main Utilisation

Simply upload your gpx file with the wordpress media manager, complete its informations and insert it in your post/page (shortcode).

[lfh-gpx src=url_to_file.gpx  color=darkgreen width=6]A trail in Cevennes[/lfh-gpx]  

Display the post/page : you have an interactive view of your track.

The trail is displayed on an OSM map by default, and have its own information window with:

  • title
  • description
  • interactive profile elevation according to path
  • distance of the track
  • maximum elevation
  • minimum elevation
  • elevation loss
  • elevation gain
  • trail duration
  • download link of gpx file

For more information go to Lf Hiker site


List of Features

Lf Hiker allows displaying too:

  • few gpx files in the same map
  • markers on the map
  • few maps on the same post/page

For gpx track you can custom:

  • title
  • description
  • stroke color
  • stroke width
  • display button download gpx file
    And only in shortcode:

    • the elevation unit
    • the distance unit
    • the minimum step on elevation axis (in meter)

Lf Hiker included an helper for edit map and add markers.
You can choose

for the map:

  • the tiles layer ( among OSM, OSM_FR , stamen watercolor, arcgis world topo, mapquest with api key)
  • to display the fullscreen button
  • the map’s view or let lf Hiker find automatically the best view
  • to display the reset button
  • to display the button “list of layers”
  • the size of the map
  • classnames for the map ( including your custom class)
  • to zoom on mousewheel
  • to start with profile elevation displayed
  • to display the description always under the map

for the markers:

  • color of icon marker
  • symbol in the icon
  • title
  • popup
  • visibility according to zoom or not
  • independant window with large description

You can do all this with the helpers or directly using shortcodes
You can choose to unactive the helper.

Lf Hiker allows you to customize the css in admin configuration (colors of information window, buttons and selected path)


If you think you found a bug in Lf Hiker or have any problem/question concerning the plugin, do not hesitate to contact me.

Supported languages

  • Français (fr_FR)
  • English (en_US)
  • Deutsch (de_DE) by Kristof Kling
  • Greek (el) by Pol Gkitsas
  • Dutch (nl-BE)
  • Spanish (es-ES) by Miguel Angel

    If you need language of Lf Hiker which is not included. You can easily translate with poedit from the file :

    I will be happy, to add your translation to Lf Hiker.
    If you have any questions about the method, do not hesitate to contact me.
    If you find errors in my english translation do not hesitate to contact me.

Minimum requirements

  • WordPress 4.7.x
  • PHP 5.6
  • MySQL 5.x


  • Lf Hiker display easily gpx file with profile elevation
  • Lf Hiker is cutomisable
  • Lf Hiker allows to display markers with formated description
  • Lf Hiker manage gpx file
  • Lf Hiker has an helper for add marker
  • Lf Hiker has an helper for edit map
  • You can change some paramaters in administration
  • Lf Hiker is responsive and mobile friendly


From Plugins Page

  1. Log in to the administrator panel.
  2. Go to Plugins Tab
  3. Click on Add New button
  4. Type hiker in the search field
  5. When you found lf-hiker click Install button for upload the plugin on your server
  6. Click Activate button for activate Lf Hiker.
  7. You can change the default configuration in tab: Settings Lf-hiker

If installation failed, do not hesitate to contact me.

From zip archive

  1. Unzip
  2. Put the folder lf-hiker in directory wp-content/plugins
  3. Log in to the administrator panel.
  4. Go to Plugins Tab: Lf Hiker is among the plugins
  5. Click Activate button for activate Lf Hiker.
  6. If the activation does not succeed, please contact me.
  7. You can change the default configuration in tab: Settings Lf-hiker


How add separate map for a second gpx file in the same post

You can create a second map with adding shortcode [lfh-map] before your gpx file shortcode [lfh-gpx src="..."][/lfh-gpx].

[lfh-gpx src=http://url_of_gpx_file1.gpx ]description[/lfh-gpx]
[lfh-gpx src=http://url_of_gpx_file2.gpx ]description[/lfh-gpx]

Where can I create a gpx file ?

You can find a website list for do this in the page Track drawing websites.

Openrunner is the best one for me and, most important : this website automatically add the elevation data needed to create the profile.
You can find on this site a quantity of already registered tracks.

You can also try the tools on, easier to use.

I have a blank page in place of the marker editor

This trouble come from conflict with multiple x-frame options directive in your server.
Look at whether the plugin succeeded in writing this following lines in the .htaccess of your wordpress application if you can:

# BEGIN Lf-hiker plugin  
<IfModule mod_headers.c>  
Header set X-Frame-Options SAMEORIGIN 
# END Lf-hiker plugin  

It resolve the trouble for me.
You can find more information about this trouble in wordpress support Multiple ‘X-Frame-Options’ headers with conflicting values

The route is not displayed

If you use WP media library other than the default WP – LF Hiker will not display routes


February 27, 2019
This plugin is really useful and I hope that it will be supported for a long period of time!
May 24, 2018
As I am developing a site for a Mountain Refuge I was desperate to find a plugin that would help in their request to show the paths and trails around the mountain. Not only is this the only one that works well, but does the job I required. Great work!
April 11, 2018
Zeer goede en duidlijke plugin, proficiat prachtig werk.
March 14, 2018
Elisabeth turned around a fatal error into a working plugin really quickly. The plugin works, looks good and does what I want – what more can you ask for? Howard
February 21, 2018
I need to display both a map with points of interest as well as displaying GPX tracks. This is the first plugin that I’ve found that easily combines both features into one plugin. I’ve used other separate plugins for each feature, but often when you have two map plugins on one page you get display errors or Google API conflicts, so they don’t work. I’m very excited to find this one plugin for all of the features, and one that is being updated and supported currently
Read all 6 reviews

Contributors & Developers

“Lf Hiker” is open source software. The following people have contributed to this plugin.


“Lf Hiker” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Lf Hiker” into your language.

Interested in development?

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



  • Evolution: add spanish language


  • Evolution: add empty marker
  • Evolution: add dutch language
  • Fixed: error twice class for label in profile svg


  • Evolution: Ability to always display the caption under the map
  • Evolution: Helper – Ability to add marker with its coordinates
  • Evolution: Add greek translation
  • Fixed: duration is not displayed
  • Fixed: choose center and zoom is not working


  • Fixed: lf hiker is destroying the AMP pages
  • Fixed: bug with tabby-responsive-tabs plugin
  • Evolution: gpx buttons are ordered in list as the gpx files in post/page
  • Evolution: Ability to choose the leaflet host


  • Fixed: trouble position of gpx dom block, marker block and list block
  • Fixed: trouble with map when tabs (map only on top left corner)
  • Evolution: Add open Topo Map tiles


  • Fixed: no icon for way point


  • Evolution: Add black in color path
  • Evolution: Enable all hexadecimal color for path
  • Evolution: Little dots at ends for path with width less than 3px
  • Fixed: german translation


  • Fixed: no path displayed with mesmerize theme
  • Evolution: add tiles Stamen Terrain
  • Evolution: add german translation
  • Fixed: conflict with divi theme and option Grab the first post image
  • Fixed: function boolval do not exists (version php <5.5)


  • Ability to choose the default map tiles
  • Display minimum elevation under profile
  • Display maximum elevation under profile
  • Add parameter step_min for gpx profile elevation
  • Ability to choose the default step_min for elevation step in settings
  • Disable map pan with one finger
  • Fixed: path and marker button too high in little view


  • Ability to start with profile elevation displayed
  • Ability to manage (hide/show) button download gpx
  • Ability to show/hide gpx path when more than 2 paths
  • Ability to globally configure default settings: fullscreen, button download, start with profile displayed, add checkbox to display/hide gpx
  • Fixed: some points without elevation value
  • Fixed: button list always displayed when parameter list is false
  • Fixed: move line on profile not visible on little screen


  • fixed : issue 2 maps when the first floating the second is in stucks
  • fixed : issue no icon on button


  • fixed map at top (return previous version)


  • fixed issue with custom field ACF dit not do shortcode


  • fixed fullscreen button to false not working


  • fixed display button add marker in event editor


  • fixed error on activation with PHP5.5


  • smooth profile when lot of points
  • profile with height difference minimum 40 meters
  • fixed: characters not center in buttons list and fullscreen
  • modify track name filter


  • too long title for gpx or marker
  • fixed : url gpx with special character trigger file not found error
  • disabled : map first center on Paris


  • fixed : https for tiles
  • fixed : gpx url for https


  • fixed : On small screens, for three buttons, the elements are not centered
  • fixed : Conflict with the bootstrap themes on hidden elements
  • fixed : list button too big


  • default value attribute visibility set to always for marker
  • update modules for gulp
  • add icons and create files only with used icons
  • fixed : color of the buttons is applied only to the first one on the large screens
  • fixed : added unwanted tag p arround shortcode
  • fixed : no event on button marker when only markers elements
  • fixed : helper, button add marker no event (same issue than previous)
  • fixed : title height issue with some theme
  • fixed : only four buttons visible on small sreens
  • fixed : mousewheel disabled on element window


  • fixed : Issue color and margin general h1, h2 h3


  • More responsive
  • Mobile friendly
  • Display track duration


  • issue map center on Paris when no title attribute in shortcode lfh-marker
  • issue no map or map center on Paris conflict with AccessPress Instagram Feed


  • Add foot for elevation unit
  • issue for popup when click for a marker from list of elements


  • Add picture for about page in back office
  • Add miles distance unit for profile elevation
  • issue when shortcode [lfh-map ] without attributes


  • issue when no mapquest key.
  • loading asynchrone js and default intialisation for the helper
  • readme file


first stable version