James Arama

garbowza

Quoter - Niklas

A free Elementor Map Widget that utilizes <a href="https://www.openstreetmap.org/about" rel="nofollow ugc">Open Street Map</a>. Comes with features like adding multiple markers, and choosing from a library of custom tiles to change the look and feel. Requires <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Page Builder</a> Plugin Version: 3.5+
This plugin is <a href="https://github.com/flopperj/osm-map-elementor" rel="nofollow ugc">open sourced</a> so feel free to contribute to it by: 
1. Adding a topic/issue <a href="https://github.com/flopperj/osm-map-elementor/issues" rel="nofollow ugc">here</a> 
2. Submitting a pull request with any well-written code that implements the desired feature.
<h3>Usage</h3>
<ol>
<li>Make sure that Elementor plugin is installed</li>
<li>Add optional API Keys to the settings page:
<ul>
<li>Google Maps API Key (Used to autocomplete and update the coordinates of markers in a map. Need help to get a Google map API key? <a href="https://developers.google.com/maps/documentation/javascript/get-api-key" rel="nofollow ugc">Read this resource</a>)</li>
<li>Mapbox Access Token (Used for custom tiles. Need help to get a Mapbox Access Token? <a href="https://docs.mapbox.com/help/how-mapbox-works/access-tokens/" rel="nofollow ugc">Read this resource</a>)</li>
<li>Geoapify API Key (Used for custom tiles. Need help to get a Geoapify API key? <a href="https://www.geoapify.com/maps-api/" rel="nofollow ugc">Read this resource</a>)</li>
</ul>
</li>
<li>Add OSM Map widget to your elementor page and have fun 🙂
<ul>
<li>Find OSM Map widget from elements listing and add it to your elementor page</li>
<li>Add multiple markers, change Zoom level style them accordingly</li>
<li>Editing the markers: A marker’s settings contains Title, Location, Coordinates, Description, Button Text, and Button URL fields. Of those fields, only the Coordinates field is required to render a marker on the map. If you have a Google Maps API key added, you’ll be able to automatically populate the coordinates field without manually doing so.</li>
<li>Change Tiles from style section requires <a href="https://docs.mapbox.com/help/how-mapbox-works/access-tokens/" rel="nofollow ugc">Mapbox Access Token</a> and <a href="https://www.geoapify.com/maps-api/" rel="nofollow ugc">Geoapify API Key</a></li>
</ul>
</li>
</ol>

OSM Map Widget for Elementor

A free Elementor Map Widget that utilizes Open Street Map. Comes with features like adding multiple markers, and choosing from a library of custom til …

WebFactory

Tired of buggy & slow Google Maps plugins that take hours to setup? With Maps Widget for Google Maps you’ll have a perfect map with a thumbnail & lightbox in minutes! No nonsense Google maps – we know you’re in a hurry! Join 100,000+ happy Google maps users. If you’ve already switched to Gutenberg grab our free <a href="https://wordpress.org/plugins/map-block-gutenberg/" rel="ugc">Google Maps Gutenberg Block</a> plugin.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/oVrTGKepPPI?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 allow-popups-to-escape-sandbox"></iframe>
Check out some examples on the <a href="https://www.gmapswidget.com/" rel="nofollow ugc">Maps Widget for Google Maps site</a> or give us a shout on Twitter <a href="http://twitter.com/WebFactoryLtd" rel="nofollow ugc">@WebFactoryLtd</a>.
General Google Maps Widget options
<ul>
<li>title</li>
<li>address</li>
</ul>
Thumbnail Google map options
Maps Widget for Google Maps thumbnail uses the Google Maps Static Maps API. It loads the entire google map in only one request compared to 20+ requests it takes other Google maps plugins to load them. This ensures your site loads as fast as possible!
<ul>
<li>Custom google map size – map width & map height</li>
<li>Choose any google map type you prefer – road map, satellite map, terrain map, hybrid map, or custom map image to save money on API calls (PRO only)</li>
<li>Plenty of google map color schemes – default, blue, bright, gowalla, gray, gray #2, mapbox, midnight, neon, refreshed, paper, ultra light + any custom google map style you build in PRO</li>
<li>zoom level</li>
<li>pin type</li>
<li>pin color</li>
<li>pin size</li>
<li>pin label</li>
<li>custom map pin icon – any image can be used</li>
<li>1500+ map pins library in PRO</li>
<li>link type – lightbox map, custom URL, replace thumbnail map with interactive google map (PRO), immediately show interactive google map (PRO) or disable link</li>
<li>image format</li>
<li>google map language</li>
<li>hide widget title</li>
<li>text above google map</li>
<li>text below google map</li>
</ul>
Interactive Google map options
Interactive google maps loads in a lightbox or as an in-place replacement for the thumbnail Google map if your using Maps Widget for Google Maps PRO. It has all the standard interactive google map features users are accustomed too.
<ul>
<li>lightbox size – map width & map height (auto-adjusted on smaller screens) or fullscreen map in PRO</li>
<li>map mode – place + in PRO: directions, search, view & google street view</li>
<li>map type – road & satellite</li>
<li>map color scheme – 15 map styles & any custom google map style in PRO</li>
<li>pins clustering – PRO feature</li>
<li>map zoom level</li>
<li>lightbox skin – light, dark + 20 extra in PRO</li>
<li>lightbox features – close on overlay click, close on esc key, close button & show map title</li>
<li>map language</li>
<li>header text</li>
<li>footer text</li>
</ul>
Shortcode
<ul>
<li>by using the [gmw id=”#”] shortcode you can display the google map in any page, post, or custom post type (PRO feature)</li>
</ul>
Multiple Pins
<ul>
<li>full clustering and filtering support for pins on Google maps – <a href="https://www.gmapswidget.com/" rel="nofollow ugc">demos</a> available on site</li>
<li>you can add unlimited pins with custom markers and descriptions to thumbnail and interactive Google maps (PRO feature)</li>
<li>every map pin has the following options: show on the map thumbnail and/or interactive map, set custom map pin image, set on-click behavior: open custom description bubble, open URL in new/same tab or do nothing</li>
</ul>
<blockquote>
<blockquote>
PRO version of Maps Widget for Google Maps offers more than 50 extra features and options including multiple map pins support, map pin clustering, pins library, skins, export, import and widget cloning features, Google Analytics integration and premium, USA based support. Read more about the PRO version on the <a href="https://www.gmapswidget.com/" rel="nofollow ugc">official Maps Widget for Google Maps site</a>.
</blockquote>
</blockquote>
Showcase & What others say about Maps Widget for Google Maps
<ul>
<li>see a live example of Maps Widget for Google Maps showing off server locations around the world on <a href="http://www.bitcatcha.com/" rel="nofollow ugc">Bitcatcha</a></li>
<li>voted on the <a href="http://themesplugins.com/Plugin-detail/google-maps-widget-google-map-free-plugin-for-wordpress/" title="Top 100 WordPressian plugin" rel="nofollow ugc">Top 100 List</a> by WordPressian</li>
<li>made it on the <a href="http://tidyrepo.com/google-maps-widget/" rel="nofollow ugc">Tidy Repo</a> as “well supported Google Maps plugin”</li>
<li>reviewed 5/5 by <a href="http://websmush.com/google-maps-widget-plugin-review/" rel="nofollow ugc">Web Smush</a></li>
<li>one of 3 best Google map plugins by <a href="http://torquemag.io/the-3-best-map-plugins-for-wordpress/" rel="nofollow ugc">The Torque Mag</a></li>
<li>“an easier way to add Google maps to your site” says <a href="http://www.wpbeginner.com/wp-tutorials/how-to-add-google-maps-in-wordpress/" rel="nofollow ugc">WP Beginner</a></li>
<li><a href="http://designscrazed.org/wordpress-google-map-plugins/" rel="nofollow ugc">Design Crazed</a> puts in on the top 20 Google maps list</li>
<li><a href="http://www.inkthemes.com/easily-integrate-google-map-in-your-wordpress-themes-widget-area/09/" rel="nofollow ugc">InkThemes</a> shows how easy it is to use Maps Widget for Google Maps</li>
<li><a href="http://www.indexwp.com/google-maps-widget/" rel="nofollow ugc">IndexWP</a> calls it a “handy google maps plugin”</li>
<li><a href="https://www.webhostingsecretrevealed.net/blog/wordpress-blog/an-easy-and-painless-guide-for-adding-google-map-in-wordpress/" rel="nofollow ugc">A Painless Guide For Adding Google Maps In WordPress</a> by WHSR</li>
</ul>
Maps Widget for Google Maps Translators (thank you!)
<ul>
<li>English – original 🙂</li>
<li>Swedish – Sofia Asklund</li>
<li>Spanish – Jesus Garica</li>
<li>Croatian – Gordan from <a href="http://www.webfactoryltd.com/" rel="nofollow ugc">Web factory Ltd</a></li>
<li>German – Karimba</li>
<li>French – Karimba</li>
<li>Chinese simplified – Wyeoh</li>
<li>Chinese traditional – Wyeoh</li>
<li>Dutch – Arno</li>
<li>Ukrainian – Victor Shutovskiy</li>
<li>Serbian – Ogi Djuraskovic from <a href="http://firstsiteguide.com/" rel="nofollow ugc">FirstSiteGuide</a></li>
<li>Russian – Ivanka</li>
</ul>
License info
<ul>
<li><a href="https://select2.github.io/" rel="nofollow ugc">Select2 v4</a>, licensed under MIT</li>
<li><a href="http://www.jacklmoore.com/colorbox" rel="nofollow ugc">Colorbox 1.6</a>, licensed under MIT</li>
</ul>

Maps Widget for Google Maps

Are your Google Maps slow? Try Map Widget for Google Maps. You'll have a fast Google Maps widget with a thumbnail & lightbox map in minutes!

OSM Map Widget for Elementor vs Maps Widget for Google Maps