Title: Styled Google Maps Block
Author: danielshawellis
Published: <strong>2023 年 1 月 11 日</strong>
Last modified: 2023 年 1 月 11 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的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://cn.wordpress.org/plugins/styled-google-maps-block/#description)
 * [评价](https://cn.wordpress.org/plugins/styled-google-maps-block/#reviews)
 * [开发进展](https://cn.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/)，或通过
[RSS](https://plugins.trac.wordpress.org/log/styled-google-maps-block/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/styled-google-maps-block/)。

## 更新日志

#### 1.0.0

 * Initial release

## 额外信息

 *  版本 **1.0.2**
 *  最后更新：**3 年前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 5.9 或更高版本 **
 *  已测试的最高版本为 **6.1.10**
 *  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://cn.wordpress.org/plugins/tags/block/)[Google Maps](https://cn.wordpress.org/plugins/tags/google-maps/)
   [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[map](https://cn.wordpress.org/plugins/tags/map/)
   [theme](https://cn.wordpress.org/plugins/tags/theme/)
 *  [高级视图](https://cn.wordpress.org/plugins/styled-google-maps-block/advanced/)

## 评级

尚未提交反馈。

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

[查看全部评论](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/)