iDeisignBucket

Google Maps for Gutenberg is a simple, lightweight flexible google map plugin which allows you to create a map with one click. It has tons of features such as full width map, 17 different custom map styles, custom width and height attributes. Easy and Flexible !!
Gutenberg is now a core feature so please update to WordPress v5, or install the <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg plugin</a>.
This plugin requires WordPress <code>5.0</code> or greater.
<h4>Plugin Features</h4>
Works as any other Gutenberg block with the following settings: 
* 17 Different Map Styles 
* Scroll Zoom 
* Map Width and Height Features 
* Full Width Map Styles (Entire Screen) 
* Upload Custom Marker for your map 
* Easy and Flexible 
* Customize Everything 
* And many more..
<h3>API Key</h3>
This plugin requires an API key to interact with Google Maps. Without an API key maps will not be displayed.
To obtain an API key follow these steps: 
1. Create a new project in the Google Developer’s console by clicking <a href="https://console.developers.google.com/flows/enableapi?apiid=maps_backend,static_maps_backend,maps_embed_backend&keyType=CLIENT_SIDE&reusekey=true" rel="nofollow ugc">here</a> and selecting Create new project 
2. Name your project 
3. Select HTTP referrers (web sites) for the Key restriction type 
4. Enter the domains where your API key will be used 
 – Example: <code>*.mysite.com</code> 
5. Click the Create button 
6. Write your API key down in a safe place 
7. Enter the API key into the plugin settings
Note: The API key will be exposed publicly to generate the map. It is important to <a href="https://developers.google.com/maps/documentation/embed/get-api-key#key-restrictions" rel="nofollow ugc">restrict your API key</a> so others do not abuse it. The API key will be used, and displayed, in both the WordPress editor and the front end of the site.

Google Map for Gutenberg Block

Google map for Gutenberg. Fast, Simple, Flexible with rich in features.

alex shandor

Simple Markers Map is an easy-to-use WordPress plugin that adds a customizable map block to the Gutenberg editor. This plugin is develop with <a href="https://leafletjs.com/" rel="nofollow ugc">LeafletJS</a> an open-source JavaScript library, <a href="https://www.openstreetmap.org/" rel="nofollow ugc">OpenStreetMap®</a> a open data, <a href="https://www.google.com/maps/" rel="nofollow ugc">Google Maps Layers</a>. Add multiple markers, customize map styles, and display your locations effortlessly.
<h3>Features</h3>
Easy Integration: Add Maps directly from the Gutenberg editor without API key. Customizable Settings: Adjust map settings such as zoom level, map type, and marker positions. Multiple Markers: Add multiple markers to highlight various locations on a single map. User-Friendly Interface: Intuitive controls and settings for effortless map customization.
<h3>Shortcode Usage</h3>
In addition to the Gutenberg block, you can use the <code>[simple-markers-map]</code> shortcode anywhere on your site.
Example: 
 `shortcode 
[simple-markers-map 
 align=”full” 
 height=”700″ 
 zoom=”10″ 
 markerscolor=”blue” 
 layer=”openStreet” 
 markers='{position:”52.232102350000005,20.981377498327888″, title:”Warsaw Rising Museum”, description:”Muzeum 1 Powstania Warszawskiego”}’]
Supported shortcode attributes:
align – map alignment (full) 
height – map height in pixels (e.g. 500, 700) 
zoom – initial zoom level (e.g. 5, 10) 
markerscolor – marker color (e.g. blue, red) 
layer – map style (openStreet, google) 
markers – list of markers with position, title, and description
<h3>License</h3>
This plugin is licensed under the GPLv2 or later. See LICENSE file for details.

Simple Markers Map – Gutenberg Map Block with Multiple Markers

No API key! Add multiple markers to Google Maps with a simple Gutenberg block. Powered by OpenStreetMap and Leaflet.

Google Map for Gutenberg Block vs Simple Markers Map – Gutenberg Map Block with Multiple Markers