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 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.

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 ‘Icon‘ you want to display 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

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.

Paris, France
12 rue de Paris Grenoble, France
Trg Bana Jelačića, Zagreb
Ponte dei sospiri, Venezia , Italy

Credits

Maps powered by OpenStreetmap

Search engine by Nominatim

Javascript library powered by Leaflet

Search for the IP address by Geoplugin