Title: OSM Map Widget for Elementor Author: garbowza Published: September 8, 2020 Last modified: September 5, 2025 --- Search plugins ![](https://ps.w.org/osm-map-elementor/assets/icon-256x256.jpg?rev=2377631) # OSM Map Widget for Elementor By [garbowza](https://profiles.wordpress.org/garbowza/) [Download](https://downloads.wordpress.org/plugin/osm-map-elementor.1.3.1.zip) * [Details](https://pcm.wordpress.org/plugins/osm-map-elementor/#description) * [Reviews](https://pcm.wordpress.org/plugins/osm-map-elementor/#reviews) * [Development](https://pcm.wordpress.org/plugins/osm-map-elementor/#developers) [Support](https://wordpress.org/support/plugin/osm-map-elementor/) ## Description A free Elementor Map Widget that utilizes [Open Street Map](https://www.openstreetmap.org/about). 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](https://wordpress.org/plugins/elementor/) Plugin Version: 3.5+ This plugin is [open sourced](https://github.com/flopperj/osm-map-elementor) so feel free to contribute to it by: 1. Adding a topic/issue [here](https://github.com/flopperj/osm-map-elementor/issues) 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: 3. * **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](https://developers.google.com/maps/documentation/javascript/get-api-key))_ * **Mapbox Access Token** _(Used for custom tiles. Need help to get a Mapbox Access Token? [Read this resource](https://docs.mapbox.com/help/how-mapbox-works/access-tokens/))_ * **Geoapify API Key** _(Used for custom tiles. Need help to get a Geoapify API key? [Read this resource](https://www.geoapify.com/maps-api/))_ 4. Add OSM Map widget to your elementor page and have fun 🙂 5. * 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](https://docs.mapbox.com/help/how-mapbox-works/access-tokens/)** and **[Geoapify API Key](https://www.geoapify.com/maps-api/)**_ ## 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 ![](https://secure.gravatar.com/avatar/ec580697d5ab1b0dbcec289d3b8577e2f8748a72de9a0d2ff069b024a9db77ff? s=60&d=retro&r=g) ### 󠀁[Works well](https://wordpress.org/support/topic/works-well-2899/)󠁿 [pawel1971](https://profiles.wordpress.org/pawel1971/) February 18, 2024 Simple and work with elementor 🙂 ![](https://secure.gravatar.com/avatar/0339d136d0011abb73995a66ebfe5102460e89d2612d80462913a82daf43fcff? s=60&d=retro&r=g) ### 󠀁[Fantastico!](https://wordpress.org/support/topic/fantastico-307/)󠁿 [davidefiorio](https://profiles.wordpress.org/davidefiorio/) October 12, 2022 Semplicemente fantastico. Facile da utilizzare! Propro ciò che amncava a Elementor Pro. Grazie per il vostro lavoro. ![](https://secure.gravatar.com/avatar/c396d09f39a22c8c1aef81406da791662fd21b5f9ce1d8e833b94a8f2d2b4a03? s=60&d=retro&r=g) ### 󠀁[Needs Google API Key?](https://wordpress.org/support/topic/needs-google-api-key/)󠁿 [pb52](https://profiles.wordpress.org/paulbarrett1952/) September 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. ![](https://secure.gravatar.com/avatar/da5b41555c2050b9a95118868519ef96e17dd5f0400fe2e0453150e604ae9877? s=60&d=retro&r=g) ### 󠀁[Nice map with a lot of features](https://wordpress.org/support/topic/nice-map-with-a-lot-of-features/)󠁿 [lesbelleshistoires](https://profiles.wordpress.org/lesbelleshistoires/) June 6, 2021 Much nicer than a G.map and with many features that made the plugin fit all my needs. Hoping it will become more popular. ![](https://secure.gravatar.com/avatar/8a273749eb9f0fe4aaed19e400356ab4892ef1bf430d54276bcc5a2ee6e32cec? s=60&d=retro&r=g) ### 󠀁[Does the job, with heart !](https://wordpress.org/support/topic/does-the-job-with-heart/)󠁿 [sriviere](https://profiles.wordpress.org/sriviere/) May 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 🙂 ![](https://secure.gravatar.com/avatar/8f77b45ce3ab13e14090444b538e8fc2ebd5f902947b5870d3d4bb6a8a0bfd95? s=60&d=retro&r=g) ### 󠀁[Great plugin!](https://wordpress.org/support/topic/great-plugin-29787/)󠁿 [voneff](https://profiles.wordpress.org/voneff/) February 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 ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/) ## Contributors & Developers “OSM Map Widget for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ garbowza ](https://profiles.wordpress.org/garbowza/) * [ James Arama ](https://profiles.wordpress.org/intelchip/) * [ Quoter – Niklas ](https://profiles.wordpress.org/youngmedianetwork/) “OSM Map Widget for Elementor” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor/contributors) for their contributions. [Translate “OSM Map Widget for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/osm-map-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/osm-map-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/osm-map-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/osm-map-elementor/?limit=100&mode=stop_on_copy&format=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](https://github.com/flopperj/osm-map-elementor/wiki/Changelog) ## Meta * Version **1.3.1** * Last updated **8 months ago** * Active installations **9,000+** * WordPress version ** 6.0 or higher ** * Tested up to **6.8.5** * PHP version ** 7.3 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/osm-map-elementor/) and [French (France)](https://fr.wordpress.org/plugins/osm-map-elementor/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor) * Tags * [addons](https://pcm.wordpress.org/plugins/tags/addons/)[elementor](https://pcm.wordpress.org/plugins/tags/elementor/) [elementor widget](https://pcm.wordpress.org/plugins/tags/elementor-widget/)[map widget](https://pcm.wordpress.org/plugins/tags/map-widget/) [open street map](https://pcm.wordpress.org/plugins/tags/open-street-map/) * [Advanced View](https://pcm.wordpress.org/plugins/osm-map-elementor/advanced/) ## Ratings 4.5 out of 5 stars. * [ 7 5-star reviews ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/osm-map-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/osm-map-elementor/reviews/) ## Contributors * [ garbowza ](https://profiles.wordpress.org/garbowza/) * [ James Arama ](https://profiles.wordpress.org/intelchip/) * [ Quoter – Niklas ](https://profiles.wordpress.org/youngmedianetwork/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/osm-map-elementor/)