jcdesign

A way to include an Adaptive Map, based on <a href="http://bradfrostweb.com/blog/post/adaptive-maps/" rel="nofollow ugc">Brad Frost’s Adaptive Maps pattern</a>, without requiring an external JavaScript library.
The basic premise is that we should be using mobile devices’ far better-suited mapping applications rather than attempting to frame maps in our own websites. Users w/ larger screens will get a full map in an iframe.
No styling has been provided, but the link and map are wrapped in <code>div.adaptive-map</code>.
<h3>Credits</h3>
All props to <a href="http://bradfrostweb.com/blog/post/adaptive-maps/" rel="nofollow ugc">Brad Frost</a> who presented the idea quite a while ago.

Vanilla Adaptive Maps

Map any address with a shortcode. Mobile users get a static map; desktop users will see a google map.

stephaneguigne

TravelMap

TravelMap plugin allows you to create, trace and manage your travel itinerary right from your WordPress admin. Free to use without having to create an account.
Here is a <a href="https://travelmap.net/blog/why-scandinavia-is-the-best-place-for-cycling-tours" rel="nofollow ugc">DEMO</a> of what it looks like on a blog post.
Features:
<ul>
<li>An interactive map in your WordPress admin</li>
<li>Instantly show where you are, where you’ve been and where you’re about to go</li>
<li>Trace your itinerary using different colors for different transport modes</li>
<li>One click geolocation: pin a new spot on your map to update your itinerary</li>
<li>Embed the map anywhere on your website</li>
</ul>
Features that require a TravelMap account:
<ul>
<li>Multiple maps (free)</li>
<li>Link photos and articles to your map (free)</li>
<li>Trace lines following the roads (premium)</li>
<li>Custom theme and map style (premium)</li>
<li>Live Tracking with GPS tracker (contact us)</li>
<li>And many more…</li>
</ul>
For more details about our premium offers, visit the <a href="https://travelmap.net/pricing" rel="nofollow ugc">pricing page</a>. 
If you have any question or suggestion, don’t hesite to <a href="https://travelmap.net/contact" rel="nofollow ugc">contact us</a>.

Travel Map

Create and display a beautiful, interactive travel map on your website. Choose your transport modes, update your itinerary using geolocation, etc.

Vanilla Adaptive Maps vs Travel Map