jcdesign

<p>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.</p>
<p>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.</p>
<p>No styling has been provided, but the link and map are wrapped in <code>div.adaptive-map</code>.</p>
<h3>Credits</h3>
<p>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.</p>


Vanilla Adaptive Maps

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

webdorado

10Web

WD Support

<p><a href="https://10web.io/plugins/wordpress-google-maps/" rel="nofollow ugc">10Web Map Builder for Google Maps</a><br />
<a href="https://demo.10web.io/google-maps/" rel="nofollow ugc">Demo</a><br />
<a href="https://help.10web.io/hc/en-us/articles/360017782751-Installation-Wizard-and-API-Configuration" rel="nofollow ugc">User Guide</a></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/bUI4ObvKlkA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span></p>
<p>10Web Map Builder for Google Maps combines quality and simplicity, offering you an easy way to add unlimited Maps to your website. It’s an out of the box solution with some powerful functionality and additional customization options. The plugin is distinguished for its feature-packed free version, offering what are usually premium features absolutely free, such as unlimited number of responsive maps, geolocation feature, store locator, layers, unlimited markers, and more. Another great thing about it is that it features an intuitive builder, letting you customize your maps and preview the changes immediately with the live preview option. For additional quality features like marker icon builder, directions, skins and themes, marker listing and multi-level marker categories there is the premium version, which will let you further personalize your maps. Plugin uses clean code, which guarantees smooth operation and compatibility with any WordPress theme.</p>
<h3>Benefits</h3>
<ul>
<li><strong>Reliability</strong> – Google Maps is the most popular service of its kind and probably the most reliable too. Bring the maps to your website and take advantage of the wealth of information they offer.  </li>
<li><strong>Better user experience</strong> – User-friendly interface makes it easy to create personalized maps within minutes and insert them into your posts and pages.They are pretty simple in use, making it easy to search for addresses and get directions.   </li>
<li><strong>Informative</strong> – The plugin features almost all Google Maps functionalities, which means you can mark up specific locations and display marker information window as users click on or hover over it. Marker description can include address, location by latitude/longitude, links, images, and  more.  </li>
<li><strong>High level of customization</strong> – While free plugin supports all essential Google Maps controls and overlays, its Premium version offers some additional features, such as skins and themes. Plus, with the built-in icon maker you can create custom icons and attach them to the maps. The plugin is flexible and allows to style and personalize the maps in different ways.     </li>
<li><strong>Customers can easily find you</strong> – Usually consumers search for local businesses online. So if you own a business, a clothing store or a small coffee shop, this is the easiest way to let your customers find you.   </li>
<li><strong>Ease of use</strong> – designed for users with any level of familiarity with WordPress. The user-friendly interface of the plugin makes it easy for everyone to create maps, add markers, and make the necessary customization. </li>
<li><strong>Awesome support</strong> – timely and effective support to all users. We keep standards high and response time low.</li>
</ul>
<h3>What’s in it</h3>
<h4>RESPONSIVE MAPS</h4>
<p>Maps created with the plugin are responsive and perfectly scale to screens of all shapes and sizes.</p>
<h4>UNLIMITED MAPS</h4>
<p>You can have unlimited maps on your website and unlimited markers on each of them.</p>
<h4>SUPPORTS ALL GOOGLE MAPS CONTROLS</h4>
<p>The plugin supports all Google Maps controls making user interaction smooth and easy.  You can configure control settings and choose their position on the map.</p>
<h4>SUPPORT FOR ALL MAP TYPES</h4>
<p>Plugin supports all Google maps styles including road, traffic, satellite, terrain, and hybrid.</p>
<h4>LIVE PREVIEW OPTION</h4>
<p>Customizing maps was never this easy. While you add markers, draw circles and rectangles, apply themes and skins, the changes are immediately shown in the quick preview. A great way to see how your maps look like before you actually add them to your website.</p>
<h4>MULTIPLE MAP LAYERS</h4>
<p>Plugin supports multiple layers. Google Maps standard bicycle, transit and traffic layers, as well as polygon and polyline layers come with the free version, while Circle and Rectangle layers are part of Premium version of the plugin. The latter also provides support for advanced layers, such as layers based on GeoRSS, KML URLs, and Fusion Table Id.</p>
<h4>STORE LOCATOR</h4>
<p>Store locator will let you display a set of markers showing store locations within a specified radius and help your site visitors find stores or business locations nearby. A great way to drive customers to any of your physical locations.</p>
<h4>SKINS AND THEMES</h4>
<p>There are six themes and multiple skins available in the Premium version that can be used to give your maps a distinct look and feel.</p>
<h4>DIRECTIONS</h4>
<p>Directions is a Premium version feature, enabling your site visitors search for locations and find possible route directions from a specific point to the destination. By enabling this feature you can provide directions with  driving, walking, bicycling or transit mode, depending which of the modes the specified area supports.</p>
<h4>CUSTOM MARKER ICON BUILDER</h4>
<p>This is perhaps the only Google Maps plugin that lets you create custom icons for the markers. You can upload your own image for the marker and choose its size. This feature is available in Premium version.</p>
<h4>MULTI-LEVEL MARKER CATEGORIES</h4>
<p>Marker categories are a great way to segment your markers and can help your visitors  easily find locations using category filtering. Add multi-level marker category support and you can add new categories to already existing parent categories (Premium Version).</p>
<h4>MARKER LISTING OPTIONS</h4>
<p>You can list markers using Basic listing, Advanced Listing and Carousel view  options,which will make it easy for your site visitors find markers based on categories. Users of the Premium plugin can display marker listings as a legend right on the map.</p>
<h4>LAYER IMPORT/EXPORT</h4>
<p>You can import/export all Google Maps attributes, including markers, circles, rectangles, polygons and polylines from one map to another. The data is exported/imported in .xlsx format.</p>
<h4>SETTINGS/CUSTOMIZATION</h4>
<p><em>Some customizations described here are available in Premium version. Please refer to feature summary for additional info.</em></p>
<p>The plugin has a pretty intuitive and user-friendly interface, making it easy to create maps and display them on your website. It comes with a comprehensive set of default settings, which include choosing the map center address, center longitude and latitude, zooming level among others. Once you add a new map and start making changes to it, you’ll find a settings tab, where you can set and configure individual settings for every new entry you create. Under this tab, you can configure the settings for store locator, options for controls, and some of the layer settings. Users of the Premium version will also have the settings for marker listing, directions, marker category filter and some other advanced settings available. The latter has separate tab for themes right above the map display, where you can choose a theme for the map. Adding markers and layers requires just a few clicks. Once you click on the Add Marker tab a new window will open, where you can specify marker options, depending on the plugin version you’re using.</p>
<p><a href="https://10web.io/plugins/wordpress-google-maps/" rel="nofollow ugc">Premium version adds</a></p>
<ul>
<li>Customizable Google Maps skins    </li>
<li>Google Maps themes/customize existing themes based on detailed styles and colors section   </li>
<li>Directions with Walking, Driving, Bicycling and Transit modes   </li>
<li>Circle and Rectangle layers over the map  </li>
<li>Multi-level marker categories  </li>
<li>Custom Marker icon builder (100+ marker icons + option to add your own icons)  </li>
<li>Custom icon, custom marker text/description, images and link support for the markers  </li>
<li>Marker, Circle, Rectangle, Polygon, Polyline Export/Import option from one map to another  </li>
<li>Marker listing (Basic listing, Advanced Listing and Carousel view) for easier access of categorized markers  </li>
<li>Marker listing display within the map as a legend  </li>
<li>Advanced layer support (layers based on GeoRSS, KML URLs, Fusion Table ID)  </li>
</ul>
<h3>IMPORTANT:</h3>
<p>If you think you found a bug or have any problem/question concerning this plugin, please check out <a href="https://wordpress.org/support/plugin/wd-google-maps" rel="ugc">Support Forum</a>.</p>


10Web Map Builder for Google Maps

10Web Maps Builder for Google Maps is an intuitive tool for creating Google maps with advanced markers, custom layers and overlays for your website.

Vanilla Adaptive Maps vs 10Web Map Builder for Google Maps