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.

bluisier

You simply want to display your awesome WordPress posts or pages on beautiful custom google maps ? Do you want to have a map where you readers can easily find your articles by location ? Then the Novo-Map wordpress plugin is made for you ! 
With Novo-Map you can :
<ul>
<li>Add an unlimited number of google maps anywhere on your site using blocks, shortcodes or widgets.</li>
<li>Easily geolocate your posts or pages and display them (and link to them) on the maps.</li>
<li>Filter the posts you want to display on a map with categories or tags.</li>
<li>Use your own custom markers to create beautiful maps.</li>
<li>Create truly unique map themes with colors matching your own website using <a href="https://snazzymaps.com/" rel="nofollow ugc">Snazzy maps</a>.</li>
<li>Display your featured images and posts description in cool Infoboxes (in fact you can completely customize the content of the Infoboxes).</li>
<li>Use Marker Clustering to avoid having hundreds of markers overlapping each other.</li>
<li>And all the above features are available for free and always will be.</li>
</ul>
If you want to see the plugin in action, you can see some examples on my <a href="https://www.novo-monde.com/en/" rel="nofollow ugc">travel blog</a> or check <a href="https://www.novo-monde.com/en/novo-map-wordpress-plugin-demos/" rel="nofollow ugc">the plugin demo page</a>. 
If you want detailed informations about the plugin, have a look at the <a href="https://www.novo-monde.com/en/novo-map-user-guide/" rel="nofollow ugc">user guide</a>.
Pour les utilisateurs francophones, si vous voulez voir le plugin en action, passez jeter un oeil à mon <a href="https://www.novo-monde.com" rel="nofollow ugc">blog de voyage</a> ou à la <a href="https://www.novo-monde.com/novo-map-wordpress-plugin-examples/" rel="nofollow ugc">page des exemples</a> du plugin. 
Et si vous voulez des informations détaillées sur le plugin, jetez un oeil au <a href="https://www.novo-monde.com/novo-map-manuel-utilisation/" rel="nofollow ugc">manuel d’utilisation</a>.
<h4>Donations</h4>
If you like the novo-map plugin and enjoy the functionalities it brings to your website, we would really appreciate if you could donate some money to help us maintain and improve it. Donate some money to plugin developers is very important as it encourages free plugin development, keeps the wordpress community open and helps it grow. You can just use the donate button on the right.

Novo-Map : your WP posts on custom google maps

Novo-Map allows you to easily geolocate your posts or pages and to display them on 100% customizable google maps, filtered by categories or tags

Vanilla Adaptive Maps vs Novo-Map : your WP posts on custom google maps