OpenStreetMap for the free version of Elementor is a really simple way to embed Maps in your website that does not need a key thanks to OpenStreetMap.
OpenStreetMap widget available for you to consider would be solution for “Google Maps” serious alternative.
Comes with features like adding multiple markers, choosing from a library of custom tiles and use powerfull search engine to retrieve the coordinates from a location.
You can display multiple maps on the same page.
Read this tutorial to implement OpenStreetMap to Elementor.
Creation of the map and the central marker
After you are successfully done with activation, this is how the element is going to look like.
By default the map is centered on the city of Paris but you can activate the search option to display another place.
You can activate the automatic location of the visitor as you can see on this map.
For reasons of confidentiality, the map is centered on the city so as not to show the exact address of your visitor.
Add and sylize your markers
You can add multiple locations which will be shown in the map.
To obtain the coordinates of a location, you can use a powerful search engine available for each marker or simply enter the coordinates of the desired point.
You can select the type of ‘Icon‘ you want to display and enter your tooltip Title/Content.
I am a text in a paragraphThis is the end... my only frend the end
Different types of zoom levels and themes
You can select a zoom level or let the system display all markers in the window.
Configure Map controls (Click for zoom, Drag, Click to close tooltip…) Map dragging is disabled for this map.
Define the type of themes that will be displayed by default. ‘Topo Map’ for this map.