Title: Styled Google Maps Block
Author: danielshawellis
Published: <strong>11.01.2023</strong>
Last modified: 11.01.2023

---

Шукати плагіни

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

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

# Styled Google Maps Block

 Від автора [danielshawellis](https://profiles.wordpress.org/danielshawellis/)

[Завантажити](https://downloads.wordpress.org/plugin/styled-google-maps-block.1.0.2.zip)

 * [Деталі](https://uk.wordpress.org/plugins/styled-google-maps-block/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/styled-google-maps-block/#reviews)
 * [Розробка](https://uk.wordpress.org/plugins/styled-google-maps-block/#developers)

 [Підтримка](https://wordpress.org/support/plugin/styled-google-maps-block/)

## Опис

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.

## Блоки

Цей плагін надає 1 блок.

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

## Часті питання

### 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.

## Відгуки

Для цього плагіна немає відгуків.

## Учасники та розробники

“Styled Google Maps Block” — проект з відкритим вихідним кодом. В розвиток плагіну
внесли свій вклад наступні учасники:

Учасники

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

“Styled Google Maps Block” було перекладено на 2 локалізації. Дякуємо [перекладачам](https://translate.wordpress.org/projects/wp-plugins/styled-google-maps-block/contributors)
за їх роботу.

[Перекладіть “Styled Google Maps Block” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/styled-google-maps-block)

### Цікавитесь розробкою?

[Перегляньте код](https://plugins.trac.wordpress.org/browser/styled-google-maps-block/),
перегляньте [сховище SVN](https://plugins.svn.wordpress.org/styled-google-maps-block/)
або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/styled-google-maps-block/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/styled-google-maps-block/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 1.0.0

 * Initial release

## Мета

 *  Версія **1.0.2**
 *  Останнє оновлення **4 роки тому**
 *  Активних встановлень **10+**
 *  Версія WordPress ** 5.9 або вище **
 *  Tested up to **6.1.12**
 *  Версія PHP ** 7.0 або вище **
 *  Мови
 * [English (US)](https://wordpress.org/plugins/styled-google-maps-block/), [Spanish (Chile)](https://cl.wordpress.org/plugins/styled-google-maps-block/)
   і [Spanish (Spain)](https://es.wordpress.org/plugins/styled-google-maps-block/).
 *  [Перекладіть на свою мову](https://translate.wordpress.org/projects/wp-plugins/styled-google-maps-block)
 * Позначки
 * [block](https://uk.wordpress.org/plugins/tags/block/)[Google Maps](https://uk.wordpress.org/plugins/tags/google-maps/)
   [gutenberg](https://uk.wordpress.org/plugins/tags/gutenberg/)[map](https://uk.wordpress.org/plugins/tags/map/)
   [theme](https://uk.wordpress.org/plugins/tags/theme/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/styled-google-maps-block/advanced/)

## Оцінки

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/)

## Учасники

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

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/styled-google-maps-block/)