# Google Maps

## Google Maps API key

To unleash the power of Google Maps integration, you need a Google Maps API key (mandatory in order to use Google Maps since 22nd of June, 2016).

If you already have a Google Maps API key (perhaps in your WordPress theme settings?) just go to **`Settings > Google Maps`** and put it there.

<figure><img src="https://3756443945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB6MFqxyFEkMr6ffOGnO0%2Fuploads%2FabzyqENto0v4ewB5C15k%2Fimage.png?alt=media&#x26;token=5cd65243-4d83-4d74-a3af-3570cf004965" alt=""><figcaption></figcaption></figure>

**Don't you have a Google Maps API key?** Just keep reading.

## Obtaining a Google Maps API key

Go to the [Google API console](https://stroheimdesign.gitbook.io/documentation/integrations/google-calendar/google-project-setup) and open it.

Click on **Credentials** and then **`Create cedentials`**. Finally, choose **`API key`**.

<figure><img src="https://3756443945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB6MFqxyFEkMr6ffOGnO0%2Fuploads%2FzVjjofggaYY1AlPm9y2X%2Fimage.png?alt=media&#x26;token=6bc75370-b4b3-4928-9746-472d19bc52e6" alt=""><figcaption></figcaption></figure>

Click on `Browser key`

<figure><img src="https://3756443945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB6MFqxyFEkMr6ffOGnO0%2Fuploads%2FdtWF2Jm1FeC2xI39C7PT%2Fimage.png?alt=media&#x26;token=e08f6f92-a64a-481e-bf98-65ac8a418e7d" alt=""><figcaption></figcaption></figure>

Choose a name for the key (e.g. *My Maps Key*) in the first field, and insert the referrer in the second field. So if your site domain is *<http://www.mysite.com>* you should insert **`*.mysite.com/*`** then press **`Create`**.

<figure><img src="https://3756443945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB6MFqxyFEkMr6ffOGnO0%2Fuploads%2FVsFgkmQlpTVu4Jb68u9D%2Fimage.png?alt=media&#x26;token=4aca2d81-4bfc-4f63-882b-5ce66d6d8e20" alt=""><figcaption></figcaption></figure>

**Copy the key** somewhere and press **OK**.

<figure><img src="https://3756443945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB6MFqxyFEkMr6ffOGnO0%2Fuploads%2F5PpkAvNOVp75vXoUkNFF%2Fimage.png?alt=media&#x26;token=b7a9a251-6ac5-43c0-9eff-8b1416a28322" alt=""><figcaption></figcaption></figure>

Go to **`Overview`** and click on (or search for) **`Google Maps JavaScript API`**.

<figure><img src="https://3756443945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB6MFqxyFEkMr6ffOGnO0%2Fuploads%2FWmbR1VXzApJ9LtYUEBEQ%2Fimage.png?alt=media&#x26;token=c011c77e-dbf6-4302-9052-35fe47cd0ac1" alt=""><figcaption></figcaption></figure>

Hit **`Enable`**.

<figure><img src="https://3756443945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB6MFqxyFEkMr6ffOGnO0%2Fuploads%2FpfwSypexSptL965sfHPS%2Fimage.png?alt=media&#x26;token=35be1720-3229-4a41-b3c5-a07458b4bd5d" alt=""><figcaption></figcaption></figure>

Repeat the last step for the **`Google Maps Geocoding API`** and **`Google Places API Web Service`** as well.

If you need the address autocomplete and the real-time directions features, repeat the last step for the **`Google Maps Directions API`** also.