Title: OSM Map Widget for Elementor
Author: garbowza
Published: <strong>8 September 2020</strong>
Last modified: 5 September 2025

---

Cari plugin

![](https://ps.w.org/osm-map-elementor/assets/icon-256x256.jpg?rev=2377631)

# OSM Map Widget for Elementor

 Oleh [garbowza](https://profiles.wordpress.org/garbowza/)

[Unduh](https://downloads.wordpress.org/plugin/osm-map-elementor.1.3.1.zip)

 * [Detail](https://id.wordpress.org/plugins/osm-map-elementor/#description)
 * [Ulasan](https://id.wordpress.org/plugins/osm-map-elementor/#reviews)
 * [Pengembangan](https://id.wordpress.org/plugins/osm-map-elementor/#developers)

 [Bantuan](https://wordpress.org/support/plugin/osm-map-elementor/)

## Deskripsi

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/)**_

## Tangkapan Layar

 * [[
 * 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.

## Ulasan

![](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 Februari 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 Oktober 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 September 2021 1 balasan

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/) 6 Juni
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 Mei 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 Februari 2021

Super easy to set up, works right out of the box just as expected! Thank you very
much for you work on this!

 [ Baca semua 8 ulasan ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/)

## Kontributor & Pengembang

“OSM Map Widget for Elementor” adalah perangkat lunak open source. Berikut ini mereka
yang sudah berkontribusi pada plugin ini.

Kontributor

 *   [ 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” telah diterjemahkan dalam 1 bahasa. Terima kasih 
kepada [para penerjemah](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor/contributors)
untuk kontribusi-nya.

[Terjemahkan “OSM Map Widget for Elementor” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor)

### Tertarik mengembangkan?

[Lihat kode](https://plugins.trac.wordpress.org/browser/osm-map-elementor/), periksa
[repositori SVN ](https://plugins.svn.wordpress.org/osm-map-elementor/), atau mendaftar
ke [log pengembangan](https://plugins.trac.wordpress.org/log/osm-map-elementor/)
melalui [RSS](https://plugins.trac.wordpress.org/log/osm-map-elementor/?limit=100&mode=stop_on_copy&format=rss).

## Log Perubahan

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

 *  Versi **1.3.1**
 *  Diperbarui **9 bulan yang lalu**
 *  Instalasi Aktif **9,000+**
 *  Versi WordPress ** 6.0 atau yang terbaru **
 *  Diuji hingga **6.8.5**
 *  Versi PHP ** 7.3 atau yang terbaru **
 *  Bahasa
 * [English (US)](https://wordpress.org/plugins/osm-map-elementor/) dan [French (France)](https://fr.wordpress.org/plugins/osm-map-elementor/).
 *  [Terjemahkan dalam bahasa Anda](https://translate.wordpress.org/projects/wp-plugins/osm-map-elementor)
 * Tag
 * [addons](https://id.wordpress.org/plugins/tags/addons/)[elementor](https://id.wordpress.org/plugins/tags/elementor/)
   [elementor widget](https://id.wordpress.org/plugins/tags/elementor-widget/)[map widget](https://id.wordpress.org/plugins/tags/map-widget/)
   [open street map](https://id.wordpress.org/plugins/tags/open-street-map/)
 *  [Tampilan lanjut](https://id.wordpress.org/plugins/osm-map-elementor/advanced/)

## Rating

 4.5 dari 5 bintang.

 *  [  7 ulasan 5-bintang     ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=5)
 *  [  0 ulasan 4-bintang     ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=4)
 *  [  0 ulasan 3-bintang     ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=3)
 *  [  0 ulasan 2-bintang     ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=2)
 *  [  1 ulasan 1-bintang     ](https://wordpress.org/support/plugin/osm-map-elementor/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/osm-map-elementor/reviews/#new-post)

[Lihat semua ulasan](https://wordpress.org/support/plugin/osm-map-elementor/reviews/)

## Kontributor

 *   [ garbowza ](https://profiles.wordpress.org/garbowza/)
 *   [ James Arama ](https://profiles.wordpress.org/intelchip/)
 *   [ Quoter – Niklas ](https://profiles.wordpress.org/youngmedianetwork/)

## Bantuan

Ada yang ingin dikatakan? Butuh bantuan?

 [Lihat forum bantuan](https://wordpress.org/support/plugin/osm-map-elementor/)