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.

Saidur Rahman Milon

<h4>Google Maps for WordPress</h4>
<ul>
<li><a href="https://wpgooglemap.com/documentation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_heading_list" rel="nofollow ugc">Google Maps for WordPress Help Manual</a></li>
<li><a href="https://wpgooglemap.com/documentation/wp-google-map-quick-installation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_heading_list" rel="nofollow ugc">How to use Google Maps in WordPress Website</a></li>
</ul>
WP Google Map is an awesome plugin to use when adding a custom Google map to your website. It is fully customizable and can be used as shortcode.
<a href="https://wpgooglemap.com/pricing?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_get_pro" rel="nofollow ugc">Get WP Google Map pro version(Starting from 19$ only)</a>
<h3>DEMOS</h3>
<ul>
<li><a href="https://wpgooglemap.com/demos?utm_source=wp_repo&utm_medium=admin_link&utm_campaign=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">Video on Quick Installation</a></li>
<li><a href="https://www.youtube.com/watch?v=ErRy5lqTPjY" rel="nofollow ugc">Video on (Installation, Activation, Creating Map, How to use)</a></li>
</ul>
<h3>DOCUMENTATION</h3>
<ul>
<li><a href="https://wpgooglemap.com/documentation/wp-google-map-quick-installation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_doc_list" rel="nofollow ugc">Complete Installation Guide</a></li>
<li><a href="https://wpgooglemap.com/documentation/how-to-get-your-license-key?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_doc_list" rel="nofollow ugc">How to get your Lifetime License key?</a></li>
<li><a href="https://wpgooglemap.com/documentation/how-to-get-google-map-api-key?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_doc_list" rel="nofollow ugc">How to get your own API key</a></li>
<li><a href="https://wpgooglemap.com/documentation/how-to-add-google-map-in-your-wordpress-pageblock-editor?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_doc_list" rel="nofollow ugc">Add Google Map in wordpress page</a></li>
<li><a href="https://wpgooglemap.com/documentation/how-to-add-google-map-in-your-wordpress-post-copy?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_doc_list" rel="nofollow ugc">Add Google Map in wordpress post</a></li>
<li><a href="https://wpgooglemap.com/documentation/how-to-add-google-map-in-sidebar-as-widget-new-widget-editor-from-wordpress-5-8?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_doc_list" rel="nofollow ugc">Add Google Map in Sidebar as widget</a></li>
<li><a href="https://wpgooglemap.com/documentation/how-to-customize-map-language-and-regional-area-settings?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_doc_list" rel="nofollow ugc">Customize Map Language and Regional Area Settings</a></li>
</ul>
<h3>TROUBLESHOOTING</h3>
<ul>
<li><a href="https://wpgooglemap.com/documentation/how-to-debug-or-identify-the-map-loading-problems-in-admin-panel?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_troubleshoot_list" rel="nofollow ugc">How to identify and fix the Map loading problems?</a></li>
<li><a href="https://wpgooglemap.com/documentation/can-not-load-the-map-correctly?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_troubleshoot_list" rel="nofollow ugc">Do you see “the page can’t load the map correctly?</a></li>
<li><a href="https://wpgooglemap.com/documentation/how-to-fix-multiple-google-map-api-loading?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_troubleshoot_list" rel="nofollow ugc">How to fix Multiple Google Map API loading??</a></li>
<li><a href="https://wpgooglemap.com/documentation/dont-see-embed-google-map-button-in-new-editor?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_troubleshoot_list" rel="nofollow ugc">Don’t see “Embed Google Map” button in new Editor?</a></li>
</ul>
Note: According to <a href="https://cloud.google.com/maps-platform/pricing" rel="nofollow ugc">Google Documentation</a>, You can use Google Map upto 200 USD for free each month
<h3>TRANSLATIONS</h3>
Get a free License Key of the WP Google Map Pro version in exchange for translating our plugin!
<ul>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_en_au" rel="nofollow ugc">English (Australia)</a> – (en_AU)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_en_ca" rel="nofollow ugc">English (Canada)</a> – (en_CA)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_en_gb" rel="nofollow ugc">English (UK)</a> – (en_GB)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_en_nz" rel="nofollow ugc">English (New Zealand)</a> – (en_NZ)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_en_za" rel="nofollow ugc">English (South Africa)</a> – (en_ZA)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_bn_bd" rel="nofollow ugc">Bengali (Bangladesh)</a> – (bn_BD)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_es_es" rel="nofollow ugc">Spanish (Spain)</a> – (es_ES)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_es_ve" rel="nofollow ugc">Spanish (Venezuela)</a> – (es_VE)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_es_de" rel="nofollow ugc">German</a> – (de_DE)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_es_de_formal" rel="nofollow ugc">German (Formal)</a> – (de_DE_formal)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_tr_tr" rel="nofollow ugc">Turkish</a> – (tr_TR)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_fr_fr" rel="nofollow ugc">French (France)</a> – (fr_FR)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_da_dk" rel="nofollow ugc">Danish</a> – (da_DK)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_de_ch" rel="nofollow ugc">German (Switzerland)</a> – (de_CH)</li>
<li><a href="https://wpgooglemap.com/translation?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=readme_translation_ar" rel="nofollow ugc">Arabic</a> – (ar)</li>
</ul>
<h3>SUPPORT AND CONTRIBUTION</h3>
<ul>
<li><a href="https://wpgooglemap.com/report-issue?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=read_support_cont" rel="nofollow ugc">Report an issue</a></li>
<li><a href="https://wpgooglemap.com/wp-support-forum?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=read_support_cont" rel="nofollow ugc">Support Forum</a></li>
<li><a href="https://wpgooglemap.com/wp-review-forum?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=read_support_cont" rel="nofollow ugc">Post review WordPress</a> 🙂</li>
<li><a href="https://wpgooglemap.com/contact-us?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=read_support_cont" rel="nofollow ugc">Contact Us</a></li>
<li><a href="https://wpgooglemap.com/fb-page?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=read_support_cont" rel="nofollow ugc">Facebook Page Community</a></li>
<li><a href="https://wpgooglemap.com/fb-group?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=read_support_cont" rel="nofollow ugc">Facebook Group Community</a></li>
<li><a href="https://wpgooglemap.com/twitter?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=read_support_cont" rel="nofollow ugc">Twitter Community</a></li>
<li><a href="https://wpgooglemap.com/live-chat?utm_source=wp_repo&utm_medium=readme_link&utm_campaign=read_support_cont" rel="nofollow ugc">LIVE CHAT</a></li>
</ul>
To have continued the update, please donate for the WP Google Map plugin. You will get Lifetime License Key by donating minimum 59 USD 
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ZBERRKARGNEYA" rel="nofollow ugc">Click here to donate</a>
<h3>Features of WP Google Map Plugin-Lite version(FREE):</h3>
✅ User-friendly 
✅ Ability to change Map Language and Regional Area! 
✅ Fully Customizable 
✅ Importing the Shortcode by WP Google Map Button on Classic Editor 
✅ Automatic Google Map Location identification with user Consent 
✅ Tested with other popular plugins 
✅ Super easy to use 
✅ Ability to change zoom level(1-22) 
✅ Easy to add a widget (By Shortcode) 
✅ No coding required! 
✅ Drag Map Marker to an desired location 
✅ Ability to use a shortcode in the Posts and Pages 
✅ Fully responsive maps 
✅ Ability to change Latitude, Longitude, Address by Dragging Marker 
✅ Supported UTF-8 font encoding 
✅ Google Map autocomplete available 
✅ Multiple Language supported(Localization) 
✅ Can be used in the single page, single post, sidebar, footer, etc. 
✅ You can set any width and height as you need 
✅ Map full screen functionality
<h3>Features of WP Google Map Plugin(PREMIUM):</h3>
✅ Ability to create Unlimited Maps 
✅ Ability to create Unlimited Map markers 
✅ Detailed Direction option support with Map 
✅ Image can be added in Marker InfoWindow 
✅ Roadmap, Terrain, Satellite and Hybrid types of map supported 
✅ Supports Google Map Street View option 
✅ You can add multiple maps in any page or post if you need!
Please use latest language file
<h3>USE AS SHORTCODE IN POST, PAGE, AND SIDEBAR.</h3>
<pre><code> [gmap-embed id="<Your map ID>"]
</code></pre>
<h3>USE AS SHORTCODE IN PHP CODE</h3>
<pre><code> <?php echo do_shortcode('[gmap-embed id="YOUR MAP ID"]');?>
</code></pre>
<h3>POSSIBLE USE CASES</h3>
<ul>
<li>Contact page Google Map implementation</li>
<li>Office location by Google Map</li>
<li>Point your office location by Pin/Marker</li>
<li>Business Location by Google Map</li>
<li>Store location view by Google Map</li>
<li>Location view by Google Map widget</li>
</ul>
Contact us if you have any problems with installation or anything else. 
Email: milonfci@gmail.com 
Skype: milon305021
<h3>Privacy Policy</h3>
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.
Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users.
Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.
Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.

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