liuyang

Samuel Jesse

uditvirwani

Easily create Travel Baidu Maps to add to any WordPress site. You can create one or multiple travel map 
, then insert the map with a shortcode.
With Travel Baidu Maps you can generate a map with multiple locations, a route, hyper links and pictures.
The motive is that China mainland user cannot access Google map, so they could not use these map plugins 
based on Google API, but the map plugins based on Baidu API is a little limited.
This plugin comes from “Custom baidu maps” plugin, but the usage is totally different and lots of enhancement.
Basic Usage with shortcodes :
You just need to save the map as draft, then you can find a short code in the maps list page, 
or you can find it in the current page after clicking “Publish” button.
[btmap id=”id”] 
Options : 
– id : unique id for a travel map, such as 333
Advanced Usage Travl Map post-type :
<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>
Adding a Marker on the map (optional) :
<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>
Adding a Marker on the map (optional) :
<ol>
<li>Click on “Add in travel route” if you wish to find it in the travel route.</li>
</ol>
Set Travel Map general setting: 
1. Baidu Developers API key, used to access Baidu map API. 
1. Default route color, you can specify it to make your first marker looks with this default color. 
1. Default time to show detail after clicking marker, if a marker is set to show no detail at default, you can click 
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, 
user cannot hide the detail in iPhone, so I added this option, to let the detail automatically hide after clicking.

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.

Bhautik Parejiya

Tour Itinerary Map allows you to display interactive animated routes on maps using MapLibre. 
Easily show tour routes, travel itineraries, and paths with customizable markers, colors, and animation settings.
The plugin includes a modern admin dashboard to configure: 
* Map provider and style 
* Start, end, waypoint, and moving markers 
* Route colors and default marker colors 
* Animation speed, looping, and auto-start behavior
<h3>Usage</h3>
This plugin provides the following shortcode:
[tour_itinerary_map]
The shortcode is designed to work on single pages of supported post types only.
You must first enable the desired post types from the plugin settings in the admin dashboard. Once enabled, add the shortcode inside the content of that post type (or its single template).
The map will automatically load and display route data dynamically based on the current post.
Perfect for travel websites, tour operators, bloggers, and itinerary-based content.
<h3>External Services</h3>
This plugin connects to the following external services:
<h4>Stadia Maps</h4>
The plugin uses Stadia Maps to load map tile styles (visual appearance of the map). When a visitor views a page containing the map shortcode, their browser connects to Stadia Maps servers to download the map style and tile data.
<ul>
<li>What is sent: The visitor’s IP address (standard HTTP request), the selected map style name, and an optional API key if configured in the plugin settings.</li>
<li>When it is sent: Every time a page containing the [tour_itinerary_map] shortcode is loaded in a visitor’s browser.</li>
<li>Service provider: Stadia Maps</li>
<li>Terms of Service: https://stadiamaps.com/terms-of-service/</li>
<li>Privacy Policy: https://stadiamaps.com/privacy-policy/</li>
</ul>
<h4>MapLibre GL JS (Bundled Library)</h4>
This plugin bundles MapLibre GL JS, an open-source JavaScript library for rendering interactive maps. MapLibre itself does not transmit any data to external servers — all rendering is done client-side in the visitor’s browser.
<ul>
<li>Source code: https://github.com/maplibre/maplibre-gl-js</li>
<li>License: BSD 3-Clause License</li>
</ul>
<h4>Turf.js (Bundled Library)</h4>
This plugin bundles Turf.js, an open-source geospatial analysis library used for route animation calculations (smoothing, interpolation). Turf.js does not communicate with any external server; all processing is done client-side.
<ul>
<li>Source code: https://github.com/Turfjs/turf</li>
<li>License: MIT License</li>
</ul>
<h4>Lucide Icons v0.577.0 (Bundled Library)</h4>
This plugin bundles Lucide, an open-source icon library used in the admin interface. Lucide does not communicate with any external server.
<ul>
<li>Source code: https://github.com/lucide-icons/lucide</li>
<li>License: ISC License</li>
</ul>
<h3>Source Code & Build Tools</h3>
The following files included in this plugin are compiled or minified builds of third-party open-source libraries. The original human-readable source code for each is publicly available at the links provided above in the External Services section.
<ul>
<li>assets/js/maplibre-gl.js — MapLibre GL JS (https://github.com/maplibre/maplibre-gl-js)</li>
<li>assets/css/maplibre-gl.css — MapLibre GL JS (https://github.com/maplibre/maplibre-gl-js)</li>
<li>assets/js/turf.js — Turf.js (https://github.com/Turfjs/turf)</li>
<li>admin/assets/lucide.js — Lucide v0.577.0 (https://github.com/lucide-icons/lucide)</li>
</ul>
All other JavaScript and CSS files in this plugin are unminified, human-readable source files authored specifically for this plugin:
<ul>
<li>public/js/touritma-map.js — Frontend map initialisation logic</li>
<li>public/js/metabox.js — Admin metabox interactions</li>
<li>public/js/metabox.css — Admin metabox styles</li>
<li>admin/assets/settings.js — Admin settings page interactions</li>
<li>admin/assets/settings.css — Admin settings page styles</li>
<li>assets/css/map.css — Frontend map styles</li>
</ul>

Tour Itinerary Map

Display interactive animated tour routes with MapLibre, with customizable markers, colors, and animation controls.

Travel Map vs Tour Itinerary Map