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 or importing multiple markers, choosing from a library of custom tiles and overlays.
You can add your own icons set 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 default ‘Icon‘ or imported ‘Icons‘ you want to display for each marker and enter your tooltip Title/Content.
I am a text in a paragraphThis is the end... my only frend the end
Import and display your markers from a file
You can import your own dataset to display markers along with their relevant information.
The file to import the data must be in ‘geoJSON‘ format.
This feature supports local files or URL formatted data.
Markers are clustered relative to zoom level.
Different types of themes and overlays
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…).
Define the type of themes that will be displayed by default and you can add an overlay. ‘Topography’ for this map.
Zoom bottom left and fullscreen mode active.
Route des Grandes Alpes from Thonon to Nice with the mountain passes to climb
Col de Gets (1170m)
Col de la Colombière (1613m)
Col des Aravis (1086m - 7km)
Col des Saisies (1650m)
Col du Méraillet (1605m)
Cormet de Roselend (1967m)
Col de l'Iseran (2762m - 48km)
Col du Télégraphe (1566m - 11.8km)
Col du Galibier (2645m - 34.9km)
Col du Lautaret (2058m - 43.4km)
Col de l'Izoard (2360m - 20.4km)
Col de Vars (2109m)
Col de la Bonnette (2860m)
Col de Saint-Martin (1500m)
Col de Turini (1600m)
Col de St Roch (990m)
Dimanche 26 Juin : Jour 8 Nice
Fin du séjour après le petit déjeuner