Skip to content
Log in Sign up

How to Enable Google Maps and Get a Google Maps Key

Create a Google Maps API key in the Google Cloud console, enable the three APIs MyHome relies on, and paste the key into your MyHome Panel so maps and address search work on your site.

2 minute read

To run Google Maps on your website you need to generate a Google Maps API key and add it to your MyHome Panel. Three APIs have to be enabled for it to work correctly:

  • Maps JavaScript API
  • Geocoding API
  • Places API

Create the API key in the Google Cloud console

Google site header with a search icon, Support link, English language selector and Console link; a green arrow points at the blue "Get started" button next to a "Contact" button.
The entry point to the console is labelled Get started on some Google pages and Go to Console on others.
  1. 1 Open the Google Maps Platform documentation

    Visit https://developers.google.com/maps/documentation/javascript/.

  2. 2 Sign in with your Google Account
  3. 3 Open the console

    Click the Go to Console or Get started button.

    Top-right of the Google Maps Platform site with a search box, English language selector, settings gear and account avatar; a green arrow points at the blue "Go to Console" button beside "Contact sales".
  4. 4 Pick Maps and Places

    In the Enable Google Maps Platform dialog, tick Maps and Places and click CONTINUE.

    "Enable Google Maps Platform" dialog listing the products Maps, Routes and Places; green arrows point at the ticked Maps and Places checkboxes, while Routes is left unticked. CANCEL and CONTINUE buttons sit at the bottom.
  5. 5 Enter a new project name

    Type a name for the project and agree to the terms, then click NEXT.

    "Enable Google Maps Platform" dialog on the "Select a project" step, with "My Project" typed into the new project name field and "Yes" selected for the terms of service question; green arrows point at the name field, the Yes option and the NEXT button.
  6. 6 Choose your billing account

    Pick an existing billing account or create a new one for the project.

    Dialog headed "Set the billing account for project 'My Project'" stating that only one billing account is available to link, listing "My Billing Account", with CANCEL and SET ACCOUNT buttons.
A billing account is required
Google Maps will not display on your website until the project has a billing account attached. Google charges only very popular websites.

Check that the three APIs are enabled

Please make sure the following APIs are enabled:

  • Maps JavaScript API
  • Geocoding API
  • Places API
Google Cloud Platform APIs & Services dashboard with traffic, errors and median latency charts; a green arrow points at the table below listing Maps JavaScript API, Geocoding API and Places API, each with a Disable link.

If one of them is missing, click ENABLE APIS AND SERVICES, search for the API — Geocoding API, for example — and click it, then Enable.

Google Cloud Platform APIs & Services dashboard header with a green arrow pointing at the "+ ENABLE APIS AND SERVICES" button above the "Enabled APIs and services" list.
Google Cloud API library search for "Geocoding API" returning two results, Geocoding API and Maps JavaScript API; a green arrow points at the Geocoding API card.

Add the key to your MyHome Panel

  1. 1 Copy the API key

    Open Credentials in the Google Cloud console and copy the key from the API keys table.

    Google Cloud Credentials page with an API keys table containing a single key created Jun 4, 2018; green arrows point at the project selector in the top bar and at the key value, which is blurred out.
  2. 2 Paste it into MyHome

    In WordPress open MyHome Panel → Settings, switch to the Maps tab, paste the key into Google Maps API Key and click Save Changes.

    MyHome Panel settings in WordPress admin on the Maps tab, with Map Provider set to Google Maps and an empty Google Maps API Key field followed by a "Learn how to get api key" link and a Save Changes button; green arrows point at the Maps tab and the key field.

Keep reading

Limiting Google Maps Autocomplete to Specific Countries on Your Website

Ask the people who build MyHome

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Send us a message What Premium Support covers 

We can also run your site for you, or build a new one.

Was this guide helpful?