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 tiles to change the look and feel. Requires Elementor Page Builder Plugin Version: 3.5+

This plugin is open sourced so feel free to contribute to it by: 1. Adding a topic/issue here 2. Submitting a pull request with any well-written code that implements the desired feature.

Usage

1. 01Make sure that Elementor plugin is installed
2. 02Add optional API Keys to the settings page: 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? Read this resource )
3. 03Mapbox Access Token (Used for custom tiles. Need help to get a Mapbox Access Token? Read this resource )
4. 04Geoapify API Key (Used for custom tiles. Need help to get a Geoapify API key? Read this resource )
5. 05Add OSM Map widget to your elementor page and have fun 🙂 Find OSM Map widget from elements listing and add it to your elementor page
6. 06Add multiple markers, change Zoom level style them accordingly
7. 07Editing 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.
8. 08Change Tiles from style section requires Mapbox Access Token and Geoapify API Key