ladislav.soukup

<p>You can set up ONE address to display on map. User can insert his / her location and route calculated via Google maps API will be shown on map with instructions on the left side of map. User’s location can be determined via HTML5 geolocation services.</p>
<p>If no route is calculated, map will span over the route info panel, so map will fill the whole area. However, you should set up info window width.</p>
<p>All non-Google texts are translatable via WordPress native translate features.</p>
<h4>Usage example:</h4>
<p>[gmap-route addr=”Vodi?kova 2, Praha” zoom=15 geo=”true” map_type=”ROADMAP” map_width=”500″ info_width=”200″ height=”400″ lang=”en”]</p>
<h4>Parameters:</h4>
<ul>
<li>addr : address to display on map (single location)</li>
<li>zoom : default zoom level</li>
<li>geo : try to use HTML5 geolocation</li>
<li>map_type : type of map [ ROADMAP / SATELLITE / HYBRID / TERRAIN ]</li>
<li>map_width : width of map</li>
<li>info_width : width of route information (when no route is displayed, map will span over the info_width)</li>
<li>height : map height</li>
<li>lang : language of the embedded Google maps API… all Google text will be in this language.</li>
</ul>


LS Google Map Router

Simple WordPress plugin to display Google map with routing ability and HTML5 geolocation support.

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.

LS Google Map Router vs Mapthread