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.

skirridsystems

<p>This plugin allows maps to be inserted into a page or post using the new Ordnance Survey Data Hub platform which launched in 2020. It displays UK <a href="https://osdatahub.os.uk/" rel="nofollow ugc">Ordnance Survey maps</a> with their legendary level of topographical detail, making them ideal for walking, cycling, riding, and just about anything outdoors-related. You can add routes from GPX files, elevation profiles, and markers for points of interest.</p>
<p>The plugin takes over where the previous plugin, OS OpenSpace Maps, left off. Using the new OS Data Hub and its suite of APIs, you now have access to the full 1:25,000 Explorer mapping as well as the 1:50,000 Landranger series. And the free allowances are a lot more generous, offering typically 2,000,000 map views per month.</p>
<p>This plugin uses Leaflet.js to display the maps, giving a clean interface and a responsive feel with easy zoom control, full screen view and even printing. Insert the <code>[osmap]</code> shortcode anywhere in your post, page or custom post type content to display a map.</p>
<p>The map is set up using shortcode attributes, and there are now more of these than can be described in this Readme file. For full details, please check the <a href="https://skirridsystems.co.uk/os-datahub-maps/" rel="nofollow ugc">plugin homepage</a>.</p>
<h4>Additional Shortcodes</h4>
<p>Display one of the marker icons inline with your text using <code>[osmap_marker color=red]</code>. This may be used to add annotation to your maps.</p>
<p>Use <code>[osmap_link marker=1 zoom=8]</code> in conjunction with <code>marker_link=link</code> attribute to embedded a link within text on the page. When clicked, the map will be scrolled into view, zoomed onto the marker position and the marker opened.</p>
<h4>Examples</h4>
<ul>
<li>
<p><code>[osmap]</code> displays a map at the default height and zoom level, centred on OS headquarters in Southampton. This is the simplest way to test that the plugin is working.</p>
</li>
<li>
<p><code>[osmap height="300" width="300" color="blue" gpx="http://www.example.co.uk/myfile.gpx"]</code> displays a 300px by 300px window containing a blue track from the file specified.</p>
</li>
<li>
<p><code>[osmap markers="NY2000008000;Wasdale"]</code>shows a default size and zoom window with a marker placed and the popup text “Wasdale”</p>
</li>
</ul>
<h4>Migration from OS OpenSpace Maps</h4>
<p>Ordnance Survey has now shut down the OpenSpace Maps service. This plugin aims to give a seamless upgrade to use the new Data Hub Maps service instead. It uses the same shortcode and all the same attributes are supported.</p>
<p>The Data Hub service is a significant upgrade from OpenSpace, allowing use of the excellent 1:25,000 Explorer mapping. It also has a much more generous free data allowance, typically 2 million map views per month.</p>
<p>The plugin itself is also a major upgrade, with many more features than the original OpenSpace plugin.</p>


OS DataHub Maps

A plugin to display UK Ordnance Survey maps with markers and tracks.

Mapthread vs OS DataHub Maps