Gutenberg Block For Google Maps Embed By Pantheon


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 here 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: *
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 restrict your API key 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.


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.


  • Animated GIF showing a demo of the plugin

Contributors & Developers

“Gutenberg Block For Google Maps Embed By Pantheon” is open source software. The following people have contributed to this plugin.




Fix a bug retrieving API key from the database causing the map to not display on the frontend


  • Upgrade to webpack 4



  • Enqueue block scripts/styles automatically using register_block_type
  • Change focus to isSelected
  • Disallow HTML editing of block source


  • Import controls from wp.components instead of wp.blocks.InspectorControls
  • Bump tested up to from 4.9.2 to 4.9.5


  • Dynamic block
  • API Key entered directly in the block
  • Removes plugin settings page
  • API key setting synced in global state between all blocks.
  • Updated README with new API instructions
    • Includes Google Developer flow link for API key
  • Use WordPress core settings REST API endpoint instead of a custom endpoint


  • Initial release