Bhautik Parejiya

<p>Tour Itinerary Map allows you to display interactive animated routes on maps using MapLibre.<br />
Easily show tour routes, travel itineraries, and paths with customizable markers, colors, and animation settings.</p>
<p>The plugin includes a modern admin dashboard to configure:<br />
* Map provider and style<br />
* Start, end, waypoint, and moving markers<br />
* Route colors and default marker colors<br />
* Animation speed, looping, and auto-start behavior</p>
<h3>Usage</h3>
<p>This plugin provides the following shortcode:</p>
<p>[tour_itinerary_map]</p>
<p>The shortcode is designed to work on single pages of supported post types only.</p>
<p>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).</p>
<p>The map will automatically load and display route data dynamically based on the current post.</p>
<p>Perfect for travel websites, tour operators, bloggers, and itinerary-based content.</p>
<h3>External Services</h3>
<p>This plugin connects to the following external services:</p>
<h4>Stadia Maps</h4>
<p>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.</p>
<ul>
<li><strong>What is sent:</strong> 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><strong>When it is sent:</strong> Every time a page containing the [tour_itinerary_map] shortcode is loaded in a visitor’s browser.</li>
<li><strong>Service provider:</strong> Stadia Maps</li>
<li><strong>Terms of Service:</strong> https://stadiamaps.com/terms-of-service/</li>
<li><strong>Privacy Policy:</strong> https://stadiamaps.com/privacy-policy/</li>
</ul>
<h4>MapLibre GL JS (Bundled Library)</h4>
<p>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.</p>
<ul>
<li><strong>Source code:</strong> https://github.com/maplibre/maplibre-gl-js</li>
<li><strong>License:</strong> BSD 3-Clause License</li>
</ul>
<h4>Turf.js (Bundled Library)</h4>
<p>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.</p>
<ul>
<li><strong>Source code:</strong> https://github.com/Turfjs/turf</li>
<li><strong>License:</strong> MIT License</li>
</ul>
<h4>Lucide Icons v0.577.0 (Bundled Library)</h4>
<p>This plugin bundles Lucide, an open-source icon library used in the admin interface. Lucide does not communicate with any external server.</p>
<ul>
<li><strong>Source code:</strong> https://github.com/lucide-icons/lucide</li>
<li><strong>License:</strong> ISC License</li>
</ul>
<h3>Source Code & Build Tools</h3>
<p>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.</p>
<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>
<p>All other JavaScript and CSS files in this plugin are unminified, human-readable source files authored specifically for this plugin:</p>
<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.

checklistcom

<p>TripPlan is the ultimate WordPress plugin for travel content creators, combining powerful trip planning tools with dynamic travel calculators. Whether you want to create interactive itineraries with maps or offer practical travel calculators to your visitors, TripPlan delivers everything you need to enhance your travel website.</p>
<h3>Two Powerful Features in One Plugin</h3>
<p><strong>1. Interactive Trip Plans & Maps</strong><br />
Turn your travel posts into visually engaging experiences with interactive maps and trip plans. Mark Points of Interest (POIs) in your content, and the plugin automatically generates beautiful trip plans and maps. Your readers can save POIs to their own plans, print itineraries, or take them on the go.</p>
<p><strong>2. Dynamic Travel Calculators</strong><br />
Embed practical travel calculators that provide valuable information like flying time, trip distance, nearest airports, currency conversion, and more. These calculators not only offer added value to your visitors but also improve engagement and SEO.</p>
<h3>Trip Plans & Maps Features</h3>
<ul>
<li><strong>Interactive Visual Trip Plans:</strong> Transform text-heavy travel posts into visually appealing itineraries</li>
<li><strong>Interactive Maps:</strong> Automatically generate maps with all your highlighted POIs</li>
<li><strong>Reader Engagement:</strong> Let visitors save, print, and share trip plans with links back to your blog</li>
<li><strong>Easy POI Management:</strong> Add Points of Interest with Places autocomplete</li>
<li><strong>Enhanced SEO:</strong> Structured content with schema.org markup for better search visibility</li>
<li><strong>Custom Styling:</strong> Tailor the appearance to match your website’s design</li>
</ul>
<h3>Travel Calculator Features</h3>
<ul>
<li>
<p><strong>Multiple Calculator Types:</strong></p>
<ul>
<li>Flying Time Calculator</li>
<li>Nearest Airport Finder</li>
<li>Trip Distance Calculator</li>
<li>Time Difference Calculator</li>
<li>Location Coordinates Tool</li>
<li>Driving Time Estimator</li>
<li>Currency Conversion Calculator</li>
</ul>
</li>
<li>
<p><strong>Smart Integration:</strong> Easily embed calculators via shortcodes or Gutenberg blocks</p>
</li>
<li><strong>Customizable Display:</strong> Show results inline or in a new tab</li>
<li><strong>Pre-configured Options:</strong> Set default values for any calculator</li>
<li><strong>Responsive Design:</strong> Works perfectly on all devices</li>
</ul>
<h3>How It Benefits Your Website</h3>
<ul>
<li><strong>Improved Visitor Engagement:</strong> Interactive elements keep visitors on your site longer</li>
<li><strong>Enhanced SEO Value:</strong> Structured content and interactive tools boost search engine performance</li>
<li><strong>Return Traffic:</strong> Saved trip plans link back to your blog, bringing visitors back again</li>
<li><strong>Professional Presentation:</strong> Elevate your content with professional-looking maps and calculators</li>
<li><strong>Practical Value:</strong> Offer genuinely useful tools that enhance your travel content</li>
</ul>
<p>Watch our demo videos to see how TripPlan can transform your travel content:</p>
<p><a href="https://www.youtube.com/watch?v=T49hqaNM_do" rel="nofollow ugc">Trip Plan & Maps Demo</a><br />
<a href="https://www.youtube.com/watch?v=Efx_S9nbHtg" rel="nofollow ugc">Admin Demo</a></p>
<h3>Getting Started</h3>
<ol>
<li>Install and activate the plugin</li>
<li>Get your free MapBox API key for the trip plan features</li>
<li>Register for your free TripPlan API tokens for the calculator features</li>
<li>Start adding POIs to your posts and embedding calculators where needed</li>
</ol>
<p>We’re here to help you every step of the way. <a href="https://tripplan.com/contact/" rel="nofollow ugc">Contact us</a> for support.</p>
<p>The <a href="https://tripplan.com" rel="nofollow ugc">TripPlan.com</a> team</p>
<h3>Using Trip Plans & Maps</h3>
<h3>Adding POIs to Your Posts</h3>
<ol>
<li>Open your travel post in the editor</li>
<li>Position your cursor at the first Point of Interest</li>
<li>Click the Trip Plan button in your editor and select “Add POI”</li>
<li>Use Places autocomplete to select the place</li>
<li>Optionally add a website link, tags and recommended visit time</li>
<li>Choose how to display the POI (as a heading or inline)</li>
</ol>
<p>To edit a POI, simply click on it in the editor and make your updates.</p>
<h3>Adding Trip Plans and Maps</h3>
<p>After adding your POIs:</p>
<ol>
<li>Position your cursor where you want to display the trip plan (typically at the end of the post)</li>
<li>Select “Trip Plan Plan” from the Gutenberg blocks</li>
<li>Set the trip name and heading style</li>
<li>To add a map, position your cursor (typically above the plan) and select “Trip Plan Map” from blocks</li>
</ol>
<p><strong>Note:</strong> Plans and Maps must always be placed after the last POI in your post.</p>
<h3>Using Travel Calculators</h3>
<h3>Basic Usage</h3>
<p>You can use Gutenberg Block or shortcakes as follows:</p>
<p>Insert the default calculator that allows users to select their preferred tool:</p>
<p>[tripplan_calculator]</p>
<h3>Pre-configured Calculators</h3>
<p>You can embed specific calculator types with pre-filled values:</p>
<p>[tripplan_calculator type=”flying-time” fieldA='{“key”:”AMS”, “value”:”Amsterdam Schiphol, The Netherlands”}’ fieldB='{“key”:”SGN”, “value”:”Tan Son, Vietnam”}’]</p>
<h3>Available Calculator Types</h3>
<ul>
<li><code>flying-time</code> – Calculate flight duration between airports</li>
<li><code>nearest-airport</code> – Find the closest airport to any location</li>
<li><code>trip-distance</code> – Compute distance between two points</li>
<li><code>time-difference</code> – Determine time differences between cities</li>
<li><code>location-coordinates</code> – Get exact latitude and longitude data</li>
<li><code>driving-time</code> – Estimate realistic driving durations</li>
<li><code>currency-conversion</code> – Convert currency values using updated exchange rates</li>
</ul>
<h3>Additional Information</h3>
<p>TripPlan is designed to provide the most comprehensive travel planning toolkit for WordPress. By combining interactive trip plans with practical travel calculators, you can create truly valuable travel content that stands out from the competition.</p>
<p>For further details, support, or to submit feedback, please <a href="https://tripplan.com/contact" rel="nofollow ugc">Contact Us</a>.</p>
<p>Happy traveling!</p>


TripPlan

Create interactive travel experiences with maps, trip plans, and calculators. Boost engagement and SEO with our all-in-one travel toolkit.

Tour Itinerary Map vs TripPlan