---
title: "How to generate Google Maps API Key for WordPress?"
url: https://qa.nexterwp.com/docs/generate-google-maps-api-key/
date: 2023-02-01
modified: 2026-04-15
author: "Aditya Sharma"
description: "In order to use the Nexter Blocks Google Map Block you must have a Google Maps API key. So let’s see how to get a Google Maps API key. To..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/05/generate-google-maps-api-key-1024x519.jpg
word_count: 510
---

# How to generate Google Maps API Key for WordPress?

## Key Takeaways

- Generate a Google Maps API key by creating a new project on the Google Cloud Console and setting up billing information.
- Restrict the API key usage to the Maps Embed API for security by selecting API restriction in the Google Maps settings.
- Integrate the Google Maps API key into the Nexter Blocks Google Map Block through Nexter Blocks u2192 Extra Options u2192 Settings.

In order to use the Nexter Blocks Google Map Block you must have a Google Maps API key.

So let’s see how to get a Google Maps API key.

To create a **Google Maps API key** [click here](https://developers.google.com/maps/documentation/embed/get-api-key#create-api-keys).

From there, click on the **Go to the Credentials page** button.

*To check the complete feature overview documentation of the Nexter Blocks* *Google Map block, [click here](https://qa.nexterwp.com/docs/google-map-block-settings-overview/).*

**Requirement  - This block is a part of *the Nexter Blocks*, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://qa.nexterwp.com/nexter-blocks/blocks/wordpress-google-maps/)

## Create a New Project

From the Credentials page you have to create a new project.

![google map api step 1](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-api1.png)

- Add a Project name.

- Enter your location and click on the **Create** button.

## Set up Billing

Once the project is created, on the next page, you have to set up billing information for your project.

![google map api step 2](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-api2.png)

**Step 1**

- Choose your country.

- Agree to the Terms of Service and click on the **Continue** button.

![google map api step 3](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-api3.png)

**Step 2: Create a new billing account**

- Choose a name for your billing account.

- Verify the details and click on the **Continue** button.

On the next page, add your billing information.

![google map api step 4](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-api4.png)

- Choose your Account Type.

- Fill in your Tax information.

- Add your personal details.

- Add a payment method (For example Credit Card).

- Click on the **Submit and Enable Billing** button.

![google map api step 5](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-api5.png)

On the next page choose the billing account for your project and click on the **Set Account** button.

Then Google Maps will ask a few questions related to your project like your industry, the platform you are building the project for, etc. fill in the answers accordingly and click on the **Submit** button.

![google map api step 6](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-api8.png)

On the next page, you will get your Google Maps API Key, copy the API and click on the **Go to Google Maps Platform** button.

Now you have your API key but as per [Google Maps recommendation](https://developers.google.com/maps/documentation/embed/get-api-key#restrict_key) you need to restrict the usage of your API key by limiting its usage to the needed APIs for your application.

## Protect your API (adding Maps Embed API)

Now on the next page, Google Maps will automatically ask you to protect your API key.

![google map api step 7](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-api9.png)

- Select restriction type as **API restriction**.

- And from the Limit usage dropdown, select **Maps Embed API** and click on the **Restrict Key** button.

Now the usage of your API key has been restricted. To check the list of enabled APIs for your project click on the **APIs** from the left panel and it will display all the enabled APIs.

![google map api step 8](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-api12.png)

Now you can use your newly created Google Maps API Key with the Nexter Blocks Google Map Block.

To do this go to

- **Nexter Blocks **→** Extra Options  **→ **Settings**

- Then, enable **Connect Google Maps API Key** **toggle** and paste your API key**.**

- Then, Click on** **the **Settings Icon **and you will see a popup box.

- And on the **Enter API Key** field box paste the Google Map API Key then click on **Save **and close the popup then click on the **Save Settings** Button.

![](https://qa.nexterwp.com/wp-content/uploads/2023/02/google-map-api-key-1-1024x458.png)

Also, check out [How to Remove Google Maps API Error of browser console in WordPress](https://qa.nexterwp.com/docs/remove-google-maps-api-error/).