danielshawellis

This Gutenberg block allows you to embed a fully-customizable Google Map into any page.
<ul>
<li>Use the <a href="https://mapstyle.withgoogle.com/" rel="nofollow ugc">Google’s Map Styling Wizard</a> to fully customize the appearance of your maps.</li>
<li>Use pre-made themes from <a href="https://snazzymaps.com/" rel="nofollow ugc">Snazzy Maps</a>.</li>
<li>Switch between roadmap, satellite, hybrid, and terrain backgrounds.</li>
<li>Display navigational directions from one point to another.</li>
<li>Embed an interactive street view.</li>
<li>Display multiple Google Maps search results.</li>
</ul>

Styled Google Maps Block

A highly-customizable Google Maps block. Supports custom themes, navigational directions, and Google Street View.

WebFactory

Are you using Gutenberg and need a map? This is the map block for you! Install, active, add to content. Done! No nonsense, no unneeded settings. Simple and clear in its function – as any Gutenberg block should be.
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>.
<h4>Plugin Features</h4>
Works as any other Gutenberg block with the following settings: 
* address, or coordinates 
* zoom 
* map height 
* API key – once saved in one block it’s used in all others
<blockquote>
Need a non-Gutenberg map solution? Check out our free <a href="https://wordpress.org/plugins/google-maps-widget/" rel="ugc">Google Maps Widget</a> plugin.
</blockquote>
For instruction on how to generate a Google Maps API key please read this <a href="https://www.gmapswidget.com/documentation/generate-google-maps-api-key/" rel="nofollow ugc">article</a>.

Map Block for Google Maps

Map block for Gutenberg editor powered by Google Maps. Simple. Fast. Just a map block.

Styled Google Maps Block vs Map Block for Google Maps