Manny Costales

WORKS WITH THE NEW VERSION OF GOOGLE MAPS
You can add a map using a shortcode.
You only need to:
<ol>
<li>
Go to https://www.google.com/maps
</li>
<li>
Search the address you want to embed in your website. Drag and drop the map to adjust it to the section you want.
</li>
<li>
Copy the latitude and longitude.
</li>
<li>
Go to the page you want to add the map and paste this shortcode: [gmap_mc lat=”LATITUDE” long=”LONGITUDE”]
</li>
</ol>
To keep in mind:
<ul>
<li>
The default dimensions are 350×250
</li>
<li>
The defaults latitude and longitude point to Cuba
</li>
<li>
You can set your own dimensions using these parameters [gmap_mc lat=”LATITUDE” long=”LONGITUDE” width=”600″ height=”250″]
</li>
<li>
You can set the zoom of your map using the parameter mapwidth, like this [gmap_mc lat=”LATITUDE” long=”LONGITUDE” width=”600″ height=”250″ mapwidth=”3000km”]. The zoom is assumed to be in miles unless you specify km. The default zoom is 1500km
</li>
</ul>

GMap Shortcode

This plugin make you happy when you need to add Google Maps to your pages/posts.

Binsaifullah

Gmap Block is a custom Gutenberg block plugin to display Google map in Gutenberg editor without using any API key. Simply drag and drop the block to add the Google map easily. So, display Google map quickly without any hassles, and customize it as per your need.
<a href="https://gmap.gutenbergkits.com/pricing/" rel="nofollow ugc">Get Gmap Pro</a>
<h3>Video Tutorial</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Pz1YUvWBIA0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Key Features</h3>
<ul>
<li>Easy to use</li>
<li>Simple, light-weight and fast</li>
<li>Embed Google map without API Key</li>
<li>Responsive Height</li>
<li>Different Map Types support</li>
<li>Customization Options </li>
<li>No third-party dependencies.</li>
</ul>

Gmap – Google Map Gutenberg Block

Great Gutenberg Block

Easily Embed Google map in Gutenberg editor without any API key.

GMap Shortcode vs Gmap – Google Map Gutenberg Block