Binsaifullah

Çağdaş Dağ

WPCenter

Damla Mavzer

Embed Maps Block is a custom Gutenberg Block developed with Gutenberg Native Components. You can easily embed a Google Map for any location. It comes will several customation options to customize it as per your need.
<h3>Key Features</h3>
<ul>
<li>Simple, light-weight, and super-fast</li>
<li>Built with only Gutenberg Native Components</li>
<li>No Block Builder at all</li>
<li>100% Responsive</li>
<li>Easy to Use in Gutenberg Editor</li>
<li>Drag & Drop Use</li>
</ul>

Block for Embed Google Maps


That was exactly what I was looking for.


Works great!

Embed Maps Block is a custom Gutenberg Block developed with Gutenberg Native Components. You can easily show a location in Google Map.

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.

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