Title: OSM Map Widget for Elementor Author: garbowza Published: 08.09.2020 Last modified: 05.09.2025 --- Шукати плагіни ![](https://ps.w.org/osm-map-elementor/assets/icon-256x256.jpg?rev=2377631) # OSM Map Widget for Elementor Від автора [garbowza](https://profiles.wordpress.org/garbowza/) [Завантажити](https://downloads.wordpress.org/plugin/osm-map-elementor.1.3.1.zip) * [Деталі](https://uk.wordpress.org/plugins/osm-map-elementor/#description) * [Відгуки](https://uk.wordpress.org/plugins/osm-map-elementor/#reviews) * [Розробка](https://uk.wordpress.org/plugins/osm-map-elementor/#developers) [Підтримка](https://wordpress.org/support/plugin/osm-map-elementor/) ## Опис 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/)**_ ## Скріншоти [⌊Update optional API keys⌉⌊Update optional API keys⌉[ Update optional API keys [⌊Add widget to your elementor page⌉⌊Add widget to your elementor page⌉[ Add widget to your elementor page [⌊Add multiple markers & style them accordingly⌉⌊Add multiple markers & style them accordingly⌉[ Add multiple markers & style them accordingly [⌊Edit the marker's coordinates to render them in the map⌉⌊Edit the marker's coordinates to render them in the map⌉[ Edit the marker’s coordinates to render them in the map [⌊Choose from 14 different custom tiles⌉⌊Choose from 14 different custom tiles⌉[ Choose from 14 different custom tiles [⌊NEW: Add custom marker icons. Available Icon types: Default, Font Awesome and Custom Image.⌉⌊NEW: Add custom marker icons. Available Icon types: Default, Font Awesome and Custom Image.⌉[ NEW: Add custom marker icons. Available Icon types: Default, Font Awesome and Custom Image. ## Відгуки ![](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/) 18.02.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/) 12.10.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/) 28.09.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/) 06.06.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/) 26.05.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/) 16.02.2021 Super easy to set up, works right out of the box just as expected! Thank you very much for you work on this! [ Прочитати всі 8 відгуків ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/) ## Учасники та розробники “OSM Map Widget for Elementor” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники: Учасники * [ 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” було перекладено на 1 локалізацію. Дякуємо [перекладачам](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor/contributors) за їх роботу. [Перекладіть “OSM Map Widget for Elementor” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor) ### Цікавитесь розробкою? [Перегляньте код](https://plugins.trac.wordpress.org/browser/osm-map-elementor/), перегляньте [сховище SVN](https://plugins.svn.wordpress.org/osm-map-elementor/) або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/osm-map-elementor/) за допомогою [RSS](https://plugins.trac.wordpress.org/log/osm-map-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Журнал змін 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) ## Мета * Версія **1.3.1** * Останнє оновлення **10 місяців тому** * Активних встановлень **9 000+** * Версія WordPress ** 6.0 або вище ** * Tested up to **6.8.5** * Версія PHP ** 7.3 або вище ** * Мови * [English (US)](https://wordpress.org/plugins/osm-map-elementor/) і [French (France)](https://fr.wordpress.org/plugins/osm-map-elementor/). * [Перекладіть на свою мову](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor) * Позначки * [addons](https://uk.wordpress.org/plugins/tags/addons/)[elementor](https://uk.wordpress.org/plugins/tags/elementor/) [elementor widget](https://uk.wordpress.org/plugins/tags/elementor-widget/)[map widget](https://uk.wordpress.org/plugins/tags/map-widget/) [open street map](https://uk.wordpress.org/plugins/tags/open-street-map/) * [Розширений перегляд](https://uk.wordpress.org/plugins/osm-map-elementor/advanced/) ## Оцінки 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/) ## Учасники * [ garbowza ](https://profiles.wordpress.org/garbowza/) * [ James Arama ](https://profiles.wordpress.org/intelchip/) * [ Quoter – Niklas ](https://profiles.wordpress.org/youngmedianetwork/) ## Підтримка Є що сказати? Потрібна допомога? [Перейти в форум підтримки](https://wordpress.org/support/plugin/osm-map-elementor/)