WP Map Block – Gutenberg Map Block for Google Map and OpenStreet Map


A Simple Gutenberg Map Block For Google Maps & OpenStreet Maps. WP Map block build with LeafletJS an open-source JavaScript library for mobile-friendly interactive maps. You can easily use customized Google map or openstreetmap to your WordPress gutenberg supported posts, pages or custom post type.

⭐ Live Demo

Plugin Features

  • Google Maps
  • OpenStreet Maps
  • Multiple Marker
  • Zoom Control
  • Full Screen Map Control
  • Custom Marker Icon & Popup
  • Map Width & Height
  • Latitude and Longitude Generator from address
  • Set any marker as center position
  • Marker Builder
  • Draggable Marker
  • Don’t need an any api key

Want To Contribute To The Plugin?

You may now contribute to the plugin on Github: WP Map Block on Github


If you like WP-Map-Block, then consider checking out our other WordPress Plugins for FREE:

πŸ” Academy LMS – WordPress Learning Management System, eLearning Platform, Online Education System & Online Course Builder

πŸ’™ Loved WP-Map-Block?


  • Google Map
  • OpenStreet Map
  • Custom Map Marker With Popup


This plugin provides 1 block.

  • WP Map Block - Gutenberg Map Block for Google Map and OpenStreet Map


Install WP Map Block for Gutenberg either via the WordPress plugin directory or by uploading the files to your server at wp-content/plugins.


Is required google map api key or any other api key?

No, Don’t need an API key to launch Google Maps & OpenStreet Maps


March 23, 2022
This plugin is just perfect for a simple map with a few markers. It allows to style the icon, the content of the popup without having lots of useless settings. I recommend. Thank for your work !
October 12, 2021
Easy to use, no setup necessary. Excellent that you can choose between Google and OpenStreetMap. Might be tricky to keep an overview if you want to add a big number of markers, but if your use case is to get a map with some markers up and running quickly I can only recommend it. The author is also very responsive to feedback/questions.
October 3, 2021
Great plugin! Very easy to use. You can choose Google or OpenStreet and add as many different maps as you want. Don’t need an API key. And Tushar Imran, the senior WP developer, is very reactive.
Read all 11 reviews

Contributors & Developers

“WP Map Block – Gutenberg Map Block for Google Map and OpenStreet Map” is open source software. The following people have contributed to this plugin.


“WP Map Block – Gutenberg Map Block for Google Map and OpenStreet Map” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “WP Map Block – Gutenberg Map Block for Google Map and OpenStreet Map” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.


1.4.1 – 2021-03-22

  • Fixed: Translation Issue

1.4.0 – 2021-03-21

  • Added: Draggable Marker Editor
  • Updated: React Leaflet NPM Package Update
  • Fixed: Real Time Map Center Position Not Working Issue

1.3.1 – 2021-02-16

  • Added: 5.9 Compatibility

1.3.0 – 2021-10-29

  • Added: Set any marker as center position
  • Fixed: Popup content HTML Support issue
  • Update: Update map height maximum value

1.2.5 – 2021-09-29

Added: Latitude and Longitude Generator from address

1.2.4 – 2021-09-29

  • Added: Latitude and Longitude Generator from address

1.2.4 – 2021-08-24

  • Some minor Improvement

1.2.3 – 2021-08-24

  • Fixed: Data escaping issue fixing

1.2.2 – 2021-08-20

  • Fixed: frontend scripts jquery dependancy related issue fixing

1.2.1 – 2021-08-08

  • Fixed: Hotfix for unexpected semicolon from block.php

1.2 – 2021-08-07

  • Added: Mouse Wheel Scroll Zoom ON/OFF Option
  • Some minor Improvement

1.1.6 – 2021-07-23

  • Update: WP 5.8 Compatibility

1.1.5 – 2021-03-21

  • Update: WP 5.7 Compatibility
  • Some minor Improvement

1.1.4 – 2021-01-30

  • Fixed: Editor settings page arrow down icon issue
  • Update: Editor settings map marker label click
  • Some minor Improvement

1.1.3 – 2021-01-16

  • Fixed: Map Server Side Render low resolution
  • Fixed: Translation Issue
  • Some minor Improvement

1.1.2 – 2021-01-14

  • Some minor fix

1.1.1 – 2020-09-03

  • Fixed: Translation Issue
  • Some minor fix

1.1 – 2020-09-02

  • Added: Custom marker icon
  • Added: Full Screen Map Control
  • Fixed: Remove some unncecessary code
  • Some minor fix

1.0.1 – 2020-08-24

  • Fixed: Popup content undefined issue
  • Update: Map Default Settings Update

1.0 – 2020-08-23

  • initial release