miccolis

Using the MapBox plugin you can quickly and easily embed maps from MapBox Hosting into your site. MapBox hosting is an easy-to-use service for hosting maps. Whether you design custom maps in <a href="http://mapbox.com/tilemill/" rel="nofollow ugc">TileMill</a> or use the existing layers in our tileset library, MapBox makes it easy get maps onto your site.
<ol>
<li>Visit <a href="http://tiles.mapbox.com" rel="nofollow ugc">tiles.mapbox.com</a> and find the map you want to embed.</li>
<li>When viewing the map click the “Embed” button. It’s in the bottom right corner of the map.</li>
<li>Adjust the height and width of the map in the popup.</li>
<li>When you’re happy with the map, copy the ’embed code’. It begins with “<iframe”.</li>
<li>On your WordPress site add a new post, or edit an existing one.</li>
<li>Switch the editor to “HTML” and paste the embed code where you’d like the map.</li>
<li>Save, then view your post and enjoy the map!</li>
</ol>
You may notice that the MapBox plugin converts the embed code into a WordPress <a href="http://en.support.wordpress.com/shortcodes/" rel="nofollow ugc">shortcode</a>. The <code>mapbox</code> shortcode can take several options, all of which are optional. The order doesn’t matter at all.
<ul>
<li><code>layers</code> – a comma seperated list of layers. The format of each layer is <code>{account}.{layer}</code>.</li>
<li><code>width</code> – the desired width of the map, in pixels.</li>
<li><code>height</code> – the desired height of the map, in pixels.</li>
<li><code>lat</code> – The latitude where the map should be centered.</li>
<li><code>lon</code> – The longitude where the map should be centered.</li>
<li><code>z</code> – The ‘zoom level’ of the map. Zoom level ’12’ is a street level view, ‘1’ is the view from the moon.</li>
<li><code>options</code> – Controls and other options, a comma seperated list.</li>
</ul>

MapBox

MapBox makes it easy to embed beautiful maps in your posts.

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.

MapBox vs Maps Plugin using Google Maps for WordPress – WP Google Map