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 …

Sugiartha

MapMap is easy to use Google Map wizard. It’s perfect for general users. 
MapMap features:
<ol>
<li>Shortcode base</li>
<li>Easy to use map wizard</li>
<li>Multiple maps in one page</li>
<li>Use custom marker</li>
<li>Info window title and description</li>
<li>Auto detect zoom, map type and other Google Map settings</li>
<li>Option to load Google Maps API in footer or inside head tag</li>
<li>Option to load Google Maps API in specific page or all pages</li>
<li>Edit existing map configuration without editing shortcode</li>
<li>MapMap as popup window (next release)</li>
<li>Option to remove or keep database records when deactivate the plugin</li>
</ol>

MapMap

MapMap is a Google Map Wizard. Easy to use map generator for your content, widget or template. Enable to use multiple maps in one page and as popup.

OSM Map Widget for Elementor vs MapMap