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.

outdooractive

<p>After installing the plugin, the button editor for the plugin will appear in the page editor of WordPress. Use it to add your Outdooractive content to your website.<br />
For programmers: The plugin uses the shortcode oaembed. The only required parameter is url, all others are optional.</p>
<h4>For example:</h4>
<p>paste <code>[oaembed url = "http://www.outdooractive.com/en/serviced-hut/graubuenden/tschiervahuette/15280962/"]</code> into “text mode” of the editor and click Preview. Your embedded content will appear.</p>
<p>The following options are supported:<br />
<em>Maximum width</em><br />
Specify a maximum pixel width for incorporating your content. The maximum width must not be less than 260 pixels.<br />
Example: <code>[oaembed url = "http://www.outdooractive.com/en/serviced-hut/graubuenden/tschiervahuette/15280962/" maxwidth = "400"]</code></p>
<h4>Include content in the sidebar, footer, etc.</h4>
<p>You can embed your content in sidebars and footers using WordPress widgets. For more information on WordPress widgets, visit: https://codex.wordpress.org/WordPress_Widgets</p>
<h4>Tip: white label embedding with Pro+</h4>
<p>With Pro+ you have even better opportunities to integrate tours and interesting points on your website. [Learn more about Pro+] (https://www.outdooractive.com/en/pro-business.html)<br />
To use Pro+ Embedding, follow the instructions on the settings page of the plugin (<em>Settings</em> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <em>Outdooractive Embed</em>).</p>
<p>In the new Gutenberg Editor you can find a “Outdooractive Embed” block under the category “Embed”. It has the same options as mentioned above. Additionally it will show you a live preview in the editor.</p>
<h4>Please note:</h4>
<p>Only published Contents can be embeded</p>


Outdooractive Embed

Embed any kind of content from outdooractive.com into your WordPress site.

Mapthread vs Outdooractive Embed