OSM Map Widget for Elementor

A free Elementor Map Widget that utilizes Open Street Map. Comes with features like adding…

Author:Plugin Contributors (profile at wordpress.org)
WordPress version required:6.0
WordPress version tested:6.4.3
Plugin version:1.2.2
Added to WordPress repository:08-09-2020
Last updated:27-03-2024
Rating, %:90
Rated by:8
Plugin URI:
Total downloads:43 203
Active installs:8 000+
plugin download
Click to start download

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
ChangeLog