Google Maps integration

In order to use the Google Maps Widget, you must first create an API key. You also need a project with a billing account and the Maps Embed API enabled. Once completed, navigate to Elementor > Settings > Integrations and enter the key. To learn more, see this article in Google Set up Cloud Console.

Table Of Contents

• Start A New Project
• Billing Information
  • Billing Step One
  • Billing Step Two
  • Return To Dashboard
• Creating Credentials
• Adding Applications
  • Adding Maps Embed API
• Add Your API Key to Elementor

Start a new Project

From the Google Cloud Platform, create a New Project

1. Name your project using a unique name (note: this cannot be changed later)
2. Fill out your Organization name
3. Enter the Location of your project

---

Billing Information

We will now need to set up billing information for your project. You may do this from the Left Panel > Billing

Billing Step One

1. Select a Country that applies to your project
2. Agree to Terms of Service
3. Click Continue

Billing Step Two

1. Select an Account type
2. Enter a Business Name
3. Select a Payment method
4. Enter your Payment information as chosen above (example: credit card)
   
5. Click the Start My Free Trial button

Return To Dashboard

Your billing information is now complete for this project.

---

Creating Credentials

1. From the APIs and Services > Credentials Tab, click the + Create Credentials link and select API key
2. You will now get an API key. For your protection, it is best to restrict this key from being used elsewhere
   

---

Adding Applications

We can now associate applications to be used with your key. From the APIs and Services dashboard click library

Adding Maps Embed API

1. In the search box type in Maps. You will need the Maps Embed API for the Elementor Widget. Select this in the list below
   
2. Click the Enable Maps JavaScript API Button
   
3. This will now show in your list of available APIs and start collecting data
   

---

Add Your API Key to Elementor

You may now navigate to Elementor > Settings > Integrations and place the key in order to use the Maps Widget.