OSM Map Widget for Elementor

Description

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. Make sure that Elementor plugin is installed
  2. Add 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)
    • Mapbox Access Token (Used for custom tiles. Need help to get a Mapbox Access Token? Read this resource)
    • Geoapify API Key (Used for custom tiles. Need help to get a Geoapify API key? Read this resource)
  3. Add OSM Map widget to your elementor page and have fun 🙂
    • Find OSM Map widget from elements listing and add it to your elementor page
    • Add multiple markers, change Zoom level style them accordingly
    • Editing 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.
    • Change Tiles from style section requires Mapbox Access Token and Geoapify API Key

Screenshots

  • Update optional API keys
  • Add widget to your elementor page
  • Add multiple markers & style them accordingly
  • Edit the marker’s coordinates to render them in the map
  • Choose from 14 different custom tiles
  • NEW: Add custom marker icons. Available Icon types: Default, Font Awesome and Custom Image.

Reviews

miz Here 12, 2022
Semplicemente fantastico. Facile da utilizzare! Propro ciò che amncava a Elementor Pro. Grazie per il vostro lavoro.
Gwengolo 28, 2021 1 reply
The point of using OpenStreetMap is to NOT be dependent on Google. So why do a I need a Google API key? If I have to use a Google API I might as well use Google Maps.
Mae 26, 2021
Does the job, with heart ! Even a multipoints plugin ! Create an OSM account, create your POIs (Companies, Services, etc.), then read their coordinates, fill them in the plugin “et voilà” 🙂 Many thanks to ACT Innovate 🙂
C’hwevrer 16, 2021
Super easy to set up, works right out of the box just as expected! Thank you very much for you work on this!
Read all 8 reviews

Contributors & Developers

“OSM Map Widget for Elementor” is open source software. The following people have contributed to this plugin.

Contributors

“OSM Map Widget for Elementor” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “OSM Map Widget for Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

Thank you for using OSM Map Widget for Elementor.

To make your experience using the widget better we release updates regularly, you can view the full changelog here