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.

chrisvrichardson

MapPress is the easiest way to add unlimited, beautiful interactive Google and Leaflet maps to WordPress, with Gutenberg map blocks and classic editor support.
Create unlimited maps and markers. The popup map editor makes creating and editing maps easy!
Upgrade to <a href="https://mappresspro.com/mappress" rel="nofollow ugc">MapPress Pro</a> for even more features, including custom icons (with a built-in icon editor!), search and filter, clustering, and much more. See it in action on the <a href="https://mappresspro.com/mappress" rel="nofollow ugc">MapPress Home Page</a> or test it yourself with a <a href="https://mappresspro.com/demo" rel="nofollow ugc">Free Demo Site</a>!
<a href="https://mappresspro.com/mappress" rel="nofollow ugc">Home Page</a> 
<a href="https://mappresspro.com/whats-new" rel="nofollow ugc">What’s New</a> 
<a href="https://mappresspro.com/mappress-documentation" rel="nofollow ugc">Documentation</a> 
<a href="https://mappresspro.com/mappress-faq" rel="nofollow ugc">FAQ</a> 
<a href="https://mappresspro.com/mappress-faq" rel="nofollow ugc">Support</a>
<h3>Upgrade</h3>
<ol>
<li>Deactivate your old MapPress version</li>
<li>Delete your old MapPress version (don’t worry, the maps are saved in the database)</li>
<li>Follow the installation instructions to install the new version</li>
</ol>

MapPress Maps for WordPress

MapPress is the easiest way to add unlimited interactive Google and Leaflet maps to WordPress.

Vanilla Adaptive Maps vs MapPress Maps for WordPress