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.

Saidur Rahman Milon

<p>WP Google Map is the most powerful and comprehensive solution for integrating Google Maps into your WordPress website. Whether you need a simple location map for your contact page or an advanced store locator with real-time filtering, this plugin provides all the tools you need with a professional and user-friendly interface.</p>
<p>It is fully customizable, responsive, and easy to use with shortcodes and a dedicated map editor.</p>
<p><strong><a href="https://wpgooglemap.com/pricing?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=upgrade-to-pro&utm_content=readme-get-pro" rel="nofollow ugc">Get WP Google Map Pro version (Starting from $19 only)</a></strong></p>
<h3>DEMOS</h3>
<ul>
<li><a href="https://wpgooglemap.com/demos?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=demos&utm_content=readme-demos-list" rel="nofollow ugc">See all Google Map Demos</a></li>
</ul>
<h3>VIDEO TUTORIALS</h3>
<ul>
<li><a href="https://www.youtube.com/watch?v=1G2VksP-uX0" rel="nofollow ugc">Quick Installation Guide</a></li>
<li><a href="https://www.youtube.com/watch?v=ErRy5lqTPjY" rel="nofollow ugc">Full Setup and Basics</a></li>
</ul>
<h3>DOCUMENTATION & SUPPORT</h3>
<ul>
<li><a href="https://wpgooglemap.com/documentation?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=documentation&utm_content=readme-doc-list" rel="nofollow ugc">Complete Help Manual</a></li>
<li><a href="https://wpgooglemap.com/documentation/how-to-debug-or-identify-the-map-loading-problems-in-admin-panel?utm_source=gmap-embed&utm_medium=wordpress-plugin&utm_campaign=documentation&utm_content=readme-troubleshoot-list" rel="nofollow ugc">How to identify and fix Map loading problems?</a></li>
</ul>
<p><strong>Note:</strong> According to <a href="https://cloud.google.com/maps-platform/pricing" rel="nofollow ugc">Google Documentation</a>, you can use Google Maps for <strong>FREE</strong> up to $200 USD credit each month.</p>
<h3>Features of Lite version (FREE)</h3>
<ul>
<li>✅ Basic Map and Marker support</li>
<li>✅ Responsive design for all devices</li>
<li>✅ Draggable markers for precise location picking</li>
<li>✅ Fully Customizable (Custom width/height)</li>
<li>✅ Ability to change zoom level (1-22)</li>
<li>✅ Map Language and Regional Area Settings</li>
<li>✅ Google Map Autocomplete for easy address entry</li>
<li>✅ Advanced Map Control Options (Enable/Disable zoom, pan, map types, etc.)</li>
<li>✅ Custom CSS & JS support for advanced styling</li>
<li>✅ Custom Marker Icons (Upload your own)</li>
<li>✅ Google Map Street View integration</li>
<li>✅ Standard Map Types supported (Roadmap, Terrain, Satellite, and Hybrid)</li>
<li>✅ Shortcode support for Pages, Posts, and Widgets</li>
<li>✅ No coding required! Super easy to use.</li>
</ul>
<h3>Features of PREMIUM version (PRO)</h3>
<ul>
<li>✅ Unlimited Maps – Create as many as you need</li>
<li>✅ Unlimited Markers – No restrictions on marker count</li>
<li>✅ Advanced Store Locator with powerful search options</li>
<li>✅ Marker Listing Themes:
<ul>
<li>✅ Basic List</li>
<li>✅ Basic Table</li>
<li>✅ Advanced Table</li>
<li>✅ Carousel</li>
</ul>
</li>
<li>✅ Directions Support:
<ul>
<li>✅ Legacy Design (Classic layout)</li>
<li>✅ Modern Drawer (Sleek side-panel UI)</li>
</ul>
</li>
<li>✅ Real-time Category Filtering for instant results</li>
<li>✅ Advanced Category Filtering (Multiple selection logic)</li>
<li>✅ Import/Export (JSON & CSV) for easy migration and backups</li>
<li>✅ Custom Styled Map Themes (JSON based)</li>
<li>✅ Add multiple maps on the same page</li>
</ul>
<h3>SHORTCODE USAGE</h3>
<p>Use as shortcode in Post, Page, and Sidebar:<br />
    [gmap-embed id=”YOUR_MAP_ID”]</p>
<p>Use in PHP code:
    </p>
<h3>POSSIBLE USE CASES</h3>
<ul>
<li><strong>Store Locator</strong>: Create a high-performance store locator for retail branches with search and radius filters.</li>
<li><strong>Contact Us Page</strong>: Integrate a sleek, responsive map to showcase your office or business headquarters.</li>
<li><strong>Real Estate Listings</strong>: Display properties with detailed markers, custom icons, and listing themes.</li>
<li><strong>Business Directories</strong>: Create a directory of multiple locations with interactive info windows and images.</li>
<li><strong>Travel & Tourism Maps</strong>: Map out tourist destinations, landmarks, and routes with Google Map directions.</li>
<li><strong>Event & Venue Mapping</strong>: Showcase multiple event locations for festivals, conferences, or local meetups.</li>
<li><strong>Service Area Maps</strong>: Highlight your service coverage areas or pickup points with customizable map styles.</li>
</ul>
<p>Contact us if you have any problems with installation or anything else.<br />
Email: <strong>milonfci@gmail.com</strong></p>
<h3>Privacy Policy</h3>
<p>WP Google Map uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.</p>
<p>Appsero SDK <strong>does not gather any data by default.</strong> The SDK only starts gathering basic telemetry data <strong>when a user allows it via the admin notice</strong>. We collect the data to ensure a great user experience for all our users.</p>
<p>Integrating Appsero SDK <strong>DOES NOT IMMEDIATELY</strong> start gathering data, <strong>without confirmation from users in any case.</strong></p>
<p>Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.</p>


Maps Plugin using Google Maps for WordPress – WP Google Map

Google Map plugin for WordPress is very Simple, light-weight and Easy to use Google Custom Map with markers in Posts, Pages, Sidebar as shortcode.

Vanilla Adaptive Maps vs Maps Plugin using Google Maps for WordPress – WP Google Map