Andrew Taylor

This plugin requires WordPress <code>5.0</code> or greater.
<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 
1. Name your project 
1. Select HTTP referrers (web sites) for the Key restriction type 
1. Enter the domains where your API key will be used 
 – Example: <code>*.mysite.com</code> 
1. Click the Create button 
1. Write your API key down in a safe place 
1. Enter the API key into the plugin settings 
1. Clear full page caching, if necessary
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.
<h3>Use</h3>
Once you have saved an API key into the plugin settings simply enter a location, such as New York, NY, or a full address. You may also choose the map width, height, zoom level and toggle between an interactive map or a static image in the block settings, which are visible in the right-hand sidebar when the block is selected.

Gutenberg Block For Google Maps Embed By Pantheon

This plugin requires WordPress 5.0 or greater.

Pavel

My Maps is a simple and lightweight WordPress plugin that allows you to easily embed Google Maps on your site using shortcodes.
With this plugin, you can: 
– Create custom maps and assign them to shortcodes. 
– Add a single location to the map by specifying a valid address. 
– Display the map anywhere on your site using the shortcode: <code>[my-map id="8"]</code>, where <code>id</code> is the unique identifier of the map.
Shortcode also supports the following optional parameters: 
– <code>width</code> – sets the width of the map 
– <code>height</code> – sets the height of the map 
– <code>zoom</code> – sets the zoom level of the map
Example: 
 [my-map id=”8″ width=”800″ height=”600″ zoom=”14″]
Perfect for contact pages, location previews, or any situation where a map with a single address pin is required.

My Maps

My Maps is a simple and lightweight WordPress plugin that allows you to easily embed Google Maps on your site using shortcodes.

Gutenberg Block For Google Maps Embed By Pantheon vs My Maps