Title: Styled Google Maps Block
Author: danielshawellis
Published: <strong>January 11, 2023</strong>
Last modified: January 11, 2023

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/styled-google-maps-block/assets/icon-256x256.png?rev=2846473)

# Styled Google Maps Block

 By [danielshawellis](https://profiles.wordpress.org/danielshawellis/)

[Download](https://downloads.wordpress.org/plugin/styled-google-maps-block.1.0.2.zip)

 * [Details](https://test.wordpress.org/plugins/styled-google-maps-block/#description)
 * [Reviews](https://test.wordpress.org/plugins/styled-google-maps-block/#reviews)
 * [Development](https://test.wordpress.org/plugins/styled-google-maps-block/#developers)

 [Support](https://wordpress.org/support/plugin/styled-google-maps-block/)

## Description

This Gutenberg block allows you to embed a fully-customizable Google Map into any
page.

 * Use the [Google’s Map Styling Wizard](https://mapstyle.withgoogle.com/) to fully
   customize the appearance of your maps.
 * Use pre-made themes from [Snazzy Maps](https://snazzymaps.com/).
 * Switch between roadmap, satellite, hybrid, and terrain backgrounds.
 * Display navigational directions from one point to another.
 * Embed an interactive street view.
 * Display multiple Google Maps search results.

## Blocks

This plugin provides 1 block.

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

## FAQ

### Do I Need to Generate an API Key to Use This Block?

After installing, you’ll be able to view the block immediately. However, Google 
requires unique API keys to be created for each site. API keys must also be generated
before previewing themed maps.

### How Do I Generate an API Key?

Follow these steps to generate an API key:

 1. Go to the [Google Maps Platform > Credentials](https://console.cloud.google.com/project/_/google/maps-apis/credentials)
    page. If you haven’t already, you may need to create an account and a Google Cloud
    project here.
 2. On the **Credentials** page, click **Create credentials > API key**. The **API 
    key created** dialog displays your newly created API key.
 3. Copy the new API key and paste it into the API key field in the block settings.
 4. Go to the [Google Maps Embed API](https://console.cloud.google.com/apis/library/maps-embed-backend.googleapis.com?project=maps-test-372921)
    page, ensure that the correct project is selected, and click **Enable**.
 5. If you’re using the **themed** map mode, go to the [Google Maps JavaScript API](https://console.cloud.google.com/apis/library/maps-backend.googleapis.com)
    page, ensure that the correct project is selected, and click **Enable**. This is
    a pay-as-you-go API, so be aware that [you may incur charges](https://developers.google.com/maps/documentation/javascript/usage-and-billing).
 6. Optionally, you can [restrict your API keys](https://developers.google.com/maps/documentation/embed/get-api-key#restrict_key)
    to improve security. Google strongly recommends this.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Styled Google Maps Block” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ danielshawellis ](https://profiles.wordpress.org/danielshawellis/)

“Styled Google Maps Block” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/styled-google-maps-block/contributors)
for their contributions.

[Translate “Styled Google Maps Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/styled-google-maps-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/styled-google-maps-block/),
check out the [SVN repository](https://plugins.svn.wordpress.org/styled-google-maps-block/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/styled-google-maps-block/)
by [RSS](https://plugins.trac.wordpress.org/log/styled-google-maps-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial release

## Meta

 *  Version **1.0.2**
 *  Last updated **3 years ago**
 *  Active installations **10+**
 *  WordPress version ** 5.9 or higher **
 *  Tested up to **6.1.10**
 *  PHP version ** 7.0 or higher **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/styled-google-maps-block/), [Spanish (Chile)](https://cl.wordpress.org/plugins/styled-google-maps-block/),
   and [Spanish (Spain)](https://es.wordpress.org/plugins/styled-google-maps-block/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/styled-google-maps-block)
 * Tags
 * [block](https://test.wordpress.org/plugins/tags/block/)[Google Maps](https://test.wordpress.org/plugins/tags/google-maps/)
   [gutenberg](https://test.wordpress.org/plugins/tags/gutenberg/)[map](https://test.wordpress.org/plugins/tags/map/)
   [theme](https://test.wordpress.org/plugins/tags/theme/)
 *  [Advanced View](https://test.wordpress.org/plugins/styled-google-maps-block/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/styled-google-maps-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/styled-google-maps-block/reviews/)

## Contributors

 *   [ danielshawellis ](https://profiles.wordpress.org/danielshawellis/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/styled-google-maps-block/)