---
title: "Google maps API key"
date: "2017-12-01T10:56:14+00:00"
summary: "Unlock Google Maps functionality for your Site Studio project. Learn how to obtain and configure the necessary API key credentials for seamless integration of Maps JavaScript and Embed APIs."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/google-maps-api-key"
id: "93d8f0ee-dda4-4e48-be04-9c4ee97fae01"
---

To use Google maps on your site you must have a Google account and a Google maps API key with the correct credentials. Site Studio uses the **Maps JavaScript API** for the front-end of your website and the **Maps Embed API** for the Site Studio user interface. You **must** add both of these to your Google maps API key credentials. You can register your project and configure your API key credentials in the [Google API Console](https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&reusekey=true "Google API Console").

Enter your API key
------------------

To enter your Google maps API key:

1.  Navigate to Site Studio > Configuration > **Google map API key**
2.  Enter your API key in the field and click **Submit**.

![ed9b59df-google-maps-api.png](https://acquia.widen.net/content/7697dd65-09d4-4b55-9e75-c2d70d46973c/web/ed9b59df-google-maps-api.png)