davidkeen

<p>This plugin uses the <a href="http://leaflet.cloudmade.com" rel="nofollow ugc">Leaflet</a> JavaScript library and tiles from the <a href="http://open.mapquest.co.uk" rel="nofollow ugc">Open MapQuest</a> project to display beautiful maps of GPX tracks.</p>
<p>http://davidkeen.github.com/gpxpress/</p>
<h3>Credits</h3>
<p>Icons from the <a href="http://mapicons.nicolasmollet.com" rel="nofollow ugc">Map Icons Collection</a>.</p>


GPXpress

David

<p><strong>Mapthread</strong> brings your adventures to life with interactive, auto-following maps.</p>
<p>Perfect for travel bloggers, hiking enthusiasts, and anyone who wants to tell location-based stories that engage readers.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/LBp_favwZVs?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Storytelling</h4>
<ul>
<li>Map automatically follows your narrative as readers scroll</li>
<li>Pauses when readers explore the map themselves, resumes when they scroll on</li>
<li>Click any marker to jump to that part of the story text</li>
</ul>
<h4>Maps</h4>
<ul>
<li>Upload a GPX file from any hiking, cycling, or fitness app</li>
<li>Elevation profile with distance and gain/loss stats</li>
<li>Street, Satellite, Topographic map styles plus more from other providers (with API keys)</li>
<li>Fullscreen mode, layer switcher, and optional GPX download for readers</li>
</ul>
<h4>Markers</h4>
<ul>
<li>Place waypoints anywhere in your story with optional emoji pins</li>
<li>Find locations by address or paste coordinates</li>
<li>Import named waypoints directly from your GPX file as Map Marker blocks in one click</li>
<li>Without a GPX file, markers are connected together using a straight line</li>
</ul>
<h4>Layout</h4>
<ul>
<li>Two-column desktop view: story on the left, sticky map on the right</li>
<li>Mobile: map sticky at top (hidden by default)</li>
<li>Readers can dismiss and restore the map at any time</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>Hiking and backpacking blogs</li>
<li>Travel storytelling</li>
<li>Cycling route documentation</li>
<li>Race and event recaps</li>
<li>Historical narratives with geographic context</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Create a post and add the <strong>Map GPX</strong> block</li>
<li>Upload your GPX file from the media library</li>
<li>If your GPX contains named waypoints, click <strong>Import as Map Markers</strong> to add them automatically — or insert <strong>Map Marker</strong> blocks manually at key points in your story</li>
<li>Add coordinates and titles to any markers, then arrange them in your story</li>
<li>Publish – the map automatically follows as readers scroll!</li>
</ol>
<h4>Examples</h4>
<ul>
<li><a href="https://randomwire.com/maling-ancient-road/" rel="nofollow ugc">Maling Ancient Road</a></li>
<li><a href="https://randomwire.com/jiyugaoka-green-roads/" rel="nofollow ugc">Jiyugaoka’s Green Roads</a></li>
<li><a href="https://randomwire.com/hakuba/" rel="nofollow ugc">Hakuba: Into The Abyss</a></li>
<li><a href="https://randomwire.com/shimanami-kaido/" rel="nofollow ugc">Cycling the Shimanami Kaido</a></li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>Browsers: Chrome 105+, Safari 15.4+</li>
<li>Themes: Tested on Twenty Twenty-Four and Twenty Twenty-Five. Should work on most block themes. Classic themes are not supported.</li>
</ul>
<h3>Configuring Additional Map Providers (Optional)</h3>
<p>Mapthread includes three free map styles out of the box (Street, Satellite, Topographic). You can also connect additional tile providers with an API key for more map styles: <strong>Mapbox</strong>, <strong>Thunderforest</strong>, <strong>JawgMaps</strong>, <strong>Stadia Maps</strong>.</p>
<ol>
<li>Go to Settings > Mapthread</li>
<li>Enter your API key for any supported provider (Mapbox, Thunderforest, JawgMaps, Stadia Maps)</li>
<li>Select which map styles to enable for each provider</li>
<li>Save Changes — enabled styles will appear in the map layer switcher on the frontend</li>
</ol>


Mapthread

Transform your travel stories into interactive map experiences. Upload GPX files, place markers, watch the map follow as readers scroll.

GPXpress vs Mapthread