OpenStreetMap

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.

Table of Contents

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.

Paris, France
Default location
Ashburn, United States

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.

Here... this is Paris
Share and modestly contribute to the knowledge and dissemination of cinema Follow this link

I am a text in a paragraph

This is the end... my only frend the end
Cimetière du Père Lachaise Paris
Avenue de la Bourdonnais Paris
Tour Montparnasse Paris
Bibliothèque François Mitterrand Paris
19 rue Léon Renault, Les Lilas, France

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.

Paris Movie Theaters

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.

Route des Grandes Alpes from Thonon to Nice with the mountain passes to climb

Dimanche 19 Juin 2022 : Jour 1 : De Thonon les Bains (371m) à La Clusaz
1OO km - dénivelé positif : 2260m
Col de Gets (1170m)
Col de la Colombière (1613m)
Col des Gets: 1170m
Col de la Colombière: 1613m
Jour 2 : De la Clusaz (984m) à Bourg Saint Maurice
11Okm - dénivelé positif : 22OOm
Col des Aravis (1086m - 7km)
Col des Saisies (1650m)
Col du Méraillet (1605m)
Cormet de Roselend (1967m)
Col des Aravis: 1086m
Col des Saisies: 1650m
Col du Méraillet: 1605m
Cormet de Roselend: 1967m
Jour 3 : De Bourg Saint Maurice (840m) à St Michel de Maurienne
125km - dénivelé positif 2200m
Col de l'Iseran (2762m - 48km)
Col de l'Iseran: 2762m
Jour 4 : De St Michel de Maurienne (698m) à Briançon
70km - dénivelé positif : 2250m
Col du Télégraphe (1566m - 11.8km)
Col du Galibier (2645m - 34.9km)
Col du Lautaret (2058m - 43.4km)
Col du Télégraphe: 1566m
Col du Galibier: 2645m
Col du Lautaret: 2058m
Jour 5 : De Briançon (1326m) à Jausiers
105km - dénivelé positif 2100m
Col de l'Izoard (2360m - 20.4km)
Col de Vars (2109m)
Col de l'Izoard: 2360m
Col de Vars: 2109m
Jour 6 : De Jausiers (1250m) à Valdeblore
93km - dénivelé positif 2760m
Col de la Bonnette (2860m)
Col de la Bonette: 2860m
La plus haute route d'Europe
Jour 7 : De Valdeblore (1050m) à Nice
100km - dénivelé positif 2150m
Col de Saint-Martin (1500m)
Col de Turini (1600m)
Col de St Roch (990m)
Col de la Colmiane (Saint-Martin): 1500m
Col de Turini: 1600m
Col St-Roch: 990m
Promenade des Anglais Nice
Arrivée directement sur la promenade des Anglais
Dimanche 26 Juin : Jour 8 Nice
Fin du séjour après le petit déjeuner

Credits

Maps powered by OpenStreetmap

Search engine by Nominatim

Javascript library powered by Leaflet

Search for the IP address by Geoplugin

Beautiful Animated Marker Clustering functionality