uditvirwani

Samuel Jesse

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.

iGuk

The route planner can calculate different values for car routes around the world, such as route length, driving time, fuel amount and cost.
Main use cases:
<ol>
<li>Routing for motorists (recreation or business trips on own or rented car)</li>
<li>Calculation of estimated cost of your service depending on route length (transport logistics, shipping, moving companies, truck freight, delivery, intercity taxi, transfer, and etc.)</li>
<li>Routing from an arbitrary point to your tourist site (recreation center, camping, hotel) with a simple web form.</li>
</ol>
Other use cases are also possible. The plugin has many settings and can be adapted to other scenarios.
<h4>Features</h4>
<ul>
<li>shortcodes</li>
<li>customizable design</li>
<li>automatic adjustment of font size and font family</li>
<li>mobile friendly</li>
<li>worldwide routing (can be optionally limited by countries)</li>
<li>switched on/off blocks in form and in results</li>
<li>price calculation by your own formula</li>
<li>async load via HTTPS, HTTP/2 support</li>
<li>safe degradation if the routing server is not available</li>
<li>autocomplete for input fields</li>
<li>start/finish location can be pointed on the map</li>
<li>geocoder with mistyping correction</li>
<li>editing the route by drag and drop over map</li>
<li>route scheme (cities with road types and driving time between them)</li>
<li>separated speed limits for highway and other roads</li>
<li>11 languages: English, French, German, Spanish, Portuguese, Czech, Polish, Italian, Malay, Dutch, Turkish</li>
<li>3 measure systems: metric, American, British imperial</li>
<li>multiple currencies: ARS, AUD, BRL, CAD, CHF, CLP, CNY, COP, CZK, DOP, EUR, GBP, INR, IRR, MXN, MYR, NGN, PEN, PHP, PLN, RUB, SEK, TRY, USD, VEF, ZAR</li>
</ul>
<h4>Modes</h4>
The plugin has two modes. These modes are switched on the plugin settings page.
By default, the plugin works in minimal mode:
<ul>
<li>the results of route calculation are displayed on the plugin developers website.</li>
<li>there are no additional settings.</li>
</ul>
Advanced mode:
<ul>
<li>the results of route calculation are displayed inside iframe on your website.</li>
<li>after iframe, the hyperlink to the plugin developer’s site is displayed.</li>
<li>additional settings are available.</li>
</ul>
<iframe loading="lazy" title="How to install a Distance Calculator on WordPress" width="750" height="563" src="https://www.youtube.com/embed/m5_Wi4R3obo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h4>How it Works</h4>
Technically speaking, the plugin is a bridge to web service <a href="https://www.drivebestway.com/" rel="nofollow ugc">www.drivebestway.com</a>, which uses <a href="https://www.openstreetmap.org/" rel="nofollow ugc">OSM</a> data for routing.
Unlike other similar plugins, Google Maps is not used here. The routing is performed with open source routers, such as <a href="http://project-osrm.org/" rel="nofollow ugc">OSRM</a> and <a href="https://www.graphhopper.com/" rel="nofollow ugc">Graphhopper</a>.
See a <a href="https://www.drivebestway.com/credits" rel="nofollow ugc">full list of credits</a>.
<h3>Documentation</h3>
The plugin is developed on the basis of HTML-widget, which options are documented on the <a href="https://www.drivebestway.com/widget/v1/doc" rel="nofollow ugc">developers’ site</a>.

Car Route Planner Plugin

Route planner for car travelers. Calculator of various values for route, such as length, driving time, fuel amount and cost, customized cost.

Travel Map vs Car Route Planner Plugin