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

Elisabeth Pointal

<p><strong>Lf Hiker</strong> is a plugin for quickly display your gpx tracks with their profile elevation on an interactive map.<br />
<strong>Lf Hiker</strong> is responsive and mobile friendly.</p>
<h3>Main Utilisation</h3>
<p>Simply upload your gpx file with the wordpress media manager, complete its informations and insert  it in your post/page (shortcode).</p>
<pre><code>[lfh-gpx src=url_to_file.gpx  color=darkgreen width=6]A trail in Cevennes[/lfh-gpx]  
</code></pre>
<p>Display the post/page : you have an interactive view of your track.</p>
<h4>The trail is displayed on an OSM map by default, and have its own information window with:</h4>
<ul>
<li>title</li>
<li>description</li>
<li>interactive <strong>profile elevation</strong>  according to path</li>
<li>distance of the track</li>
<li>maximum elevation</li>
<li>minimum elevation</li>
<li>elevation loss</li>
<li>elevation gain </li>
<li>trail duration</li>
<li>download link of gpx file</li>
</ul>
<p>For more information go to <a href="http://elisabeth.pointal.org/lf-hiker" rel="nofollow ugc">Lf Hiker site</a></p>
<h3>Use</h3>
<ul>
<li>
<p>Services</p>
<ul>
<li><a href="https://www.openstreetmap.org" rel="nofollow ugc">OpenStreetMap</a> an open map of the world</li>
<li><a href="http://maps.stamen.com" rel="nofollow ugc">Maps Stamen</a> design map</li>
<li><a href="https://opentopomap.org" rel="nofollow ugc">OpenTopoMap</a> topographic map </li>
<li><a href="https://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer" rel="nofollow ugc">ArcGIS</a> topographic map</li>
</ul>
</li>
<li>
<p>Libraries</p>
<ul>
<li><a href="http://leafletjs.com" rel="nofollow ugc">leaflet</a> an open-source JavaScript library for mobile-friendly interactive maps</li>
<li><a href="https://github.com/mpetazzoni/leaflet-gpx" rel="nofollow ugc">leaflet-gpx</a> a leaflet plugin for the analysis and parsing of a GPX track </li>
<li><a href="http://fontawesome.io/" rel="nofollow ugc">font-awesome</a> for iconic font</li>
<li><a href="http://fontello.com/" rel="nofollow ugc">fontello</a> for iconic font</li>
<li><a href="https://github.com/lvoogdt" rel="nofollow ugc">awesome-marker</a> Colorful, iconic  markers by Lennard Voogdt</li>
<li><a href="https://wordpress.org/plugins/shortcode-empty-paragraph-fix/" rel="ugc">Shortcode Empty Paragraph</a> little worpress plugin fix issue shortcode by <a href="http://www.johannheyne.de/" rel="nofollow ugc">Johann Heyne</a></li>
</ul>
</li>
</ul>
<h3>List of Features</h3>
<h4><strong>Lf Hiker</strong> allows displaying too:</h4>
<ul>
<li>few gpx files in the same map</li>
<li>markers on the map</li>
<li>few maps on the same post/page</li>
</ul>
<h4>For gpx track you can custom:</h4>
<ul>
<li>title</li>
<li>description</li>
<li>stroke color</li>
<li>stroke width</li>
<li>display button download gpx file<br />
And only in shortcode:</p>
<ul>
<li>the elevation unit</li>
<li>the distance unit</li>
<li>the minimum step on elevation axis (in meter)</li>
</ul>
</li>
</ul>
<p><strong>Lf Hiker</strong> included an helper for edit map and add markers.<br />
You can choose</p>
<h4>for the map:</h4>
<ul>
<li>the tiles layer ( among OSM, OSM_FR , stamen watercolor, arcgis world topo, mapquest <em>with api key</em>)</li>
<li>to display the fullscreen button</li>
<li>the map’s view  or let <strong>lf Hiker</strong> find automatically the best view</li>
<li>to display the reset button </li>
<li>to display the button “list of layers”</li>
<li>the size of the map</li>
<li>classnames for the map ( including your custom class)</li>
<li>to zoom on mousewheel</li>
<li>to start with profile elevation displayed</li>
<li>to display the description always under the map</li>
</ul>
<h4>for the markers:</h4>
<ul>
<li>color of icon marker</li>
<li>symbol in the icon</li>
<li>title</li>
<li>popup</li>
<li>visibility according to zoom or not</li>
<li>independant window with large description</li>
</ul>
<p>You can do all this with the helpers or directly using shortcodes<br />
You can choose to unactive the helper.</p>
<p><strong>Lf Hiker</strong> allows you to customize the css in admin configuration (colors of information window, buttons and selected path)</p>
<h4>IMPORTANT</h4>
<p>If you think you found a bug in <strong>Lf Hiker</strong> or have any problem/question concerning the plugin, do not hesitate to <a href="http://elisabeth.pointal.org/lf-hiker/en/contact-me" rel="nofollow ugc">contact me</a>.</p>
<h3>Supported languages</h3>
<ul>
<li>Français (fr_FR) </li>
<li>English (en_US) </li>
<li>Deutsch (de_DE) by <a href="https://lg-buggingen.de/bugginger-feierabendlauf/strecke/" rel="nofollow ugc">Kristof Kling</a>  </li>
<li>Greek (el) by <a href="http://eoskarditsas.gr" rel="nofollow ugc">Pol Gkitsas</a> </li>
<li>Dutch (nl-BE)</li>
<li>
<p>Spanish (es-ES) by <a href="http://www.rutasyviajes.net" rel="nofollow ugc">Miguel Angel</a></p>
<p>If you need language of <strong>Lf Hiker</strong> which is not included. You can easily translate with poedit from the file :<br />
    lf-hiker/languages/lfh-default.po.</p>
<p>I will be happy, to add your translation to <strong>Lf Hiker</strong>.<br />
If you have any questions about the method, do not hesitate to <a href="http://elisabeth.pointal.org/lf-hiker/en/contact-me" rel="nofollow ugc">contact me</a>.<br />
If you find errors in my english translation do not hesitate to <a href="http://elisabeth.pointal.org/lf-hiker/en/contact-me" rel="nofollow ugc">contact me</a>.</p>
</li>
</ul>
<h3>Minimum requirements</h3>
<ul>
<li>WordPress 4.7.x  </li>
<li>PHP 5.6  </li>
<li>MySQL 5.x</li>
</ul>


Lf Hiker

This plugin is really useful and I hope that it will be supported for a long period of time!

Alternatives to Lf Hiker

Top alternatives