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.0.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
- Make sure that Elementor plugin is installed
- 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)
- Add OSM Map widget to your elementor page and have fun
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.