liuyang

Samuel Jesse

uditvirwani

<p>Easily create Travel Baidu Maps to add to any WordPress site. You can create one or multiple travel map<br />
, then insert the map with a shortcode.</p>
<p>With Travel Baidu Maps you can generate a map with multiple locations, a route, hyper links and pictures.</p>
<p>The motive is that China mainland user cannot access Google map, so they could not use these map plugins<br />
based on Google API, but the map plugins based on Baidu API is a little limited.</p>
<p>This plugin comes from “Custom baidu maps” plugin, but the usage is totally different and lots of enhancement.</p>
<p>Basic Usage with shortcodes :</p>
<p>You just need to save the map as draft, then you can find a short code in the maps list page,<br />
or you can find it in the current page after clicking “Publish” button.</p>
<p>[btmap id=”id”]<br />
Options :<br />
– id    : unique id for a travel map, such as 333</p>
<p>Advanced Usage Travl Map post-type :</p>
<ol>
<li>Enter your Baidu Developer API Key (if you have not already).</li>
<li>Select the “Travel Map” post type from the wordpess menu.</li>
<li>Click on “Add New”.</li>
<li>Enter the map settings (height, width, zoom and coordinates).</li>
<li>Upon publishing, add the new generated shortcode to the page content.</li>
</ol>
<p>Adding a Marker on the map (optional) :</p>
<ol>
<li>Click on the map to add a new marker to this map.</li>
<li>Right click on the map to set the center point, the setting data will change too.</li>
<li>Scroll up or down to scale the map, or click the button within the map, the setting data will change too.</li>
<li>Click on “Show Marker Details” if you wish to see the details visible at start.</li>
<li>Change the “Back Color” if you wanna the color of that marker and the route ending into it.</li>
<li>The content of name and description for a marker supports HTML, so you could imbed some small image and or hyper link.</li>
</ol>
<p>Adding a Marker on the map (optional) :</p>
<ol>
<li>Click on “Add in travel route” if you wish to find it in the travel route.</li>
</ol>
<p>Set Travel Map general setting:<br />
1. Baidu Developers API key, used to access Baidu map API.<br />
1. Default route color, you can specify it to make your first marker looks with this default color.<br />
1. Default time to show detail after clicking marker, if a marker is set to show no detail at default, you can click<br />
it to show detail, then you can click the detial area to hide it and show the marker again. But as my test result shows,<br />
user cannot hide the detail in iPhone, so I added this option, to let the detail automatically hide after clicking.</p>


Travel Map

Travel Baidu Map is a Wordpress plugin to help people to create one or more Baidu maps with locations and route into your site.

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.

Travel Map vs Mapthread