# Google Maps API

<figure><img src="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FWVet8MXD8GTziNhwLHOH%2FFrame%205057%20(1).png?alt=media&#x26;token=47fcf786-c113-4c3d-b3f9-a814aaf975cf" alt=""><figcaption></figcaption></figure>

With DingDoong, you can embed a Google map under the date picker so your customers can find the pickup location faster.

<figure><img src="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FGjsfpMWEyb1NbYXoOG94%2FCapture.PNG?alt=media&#x26;token=1496de80-bd4c-4d4a-bdeb-f0b22c540738" alt=""><figcaption></figcaption></figure>

All you need is to give the app a Google Maps API key so it can fetch the map upon request.

## <mark style="background-color:purple;">How to get the API key:</mark>

**Step 1: Choose or create a new project**

1. Go to the [Google Cloud Console](https://console.cloud.google.com/home/dashboard)
2. Click the project drop-down and select or create the project for which you want to add an API key&#x20;

**Step 2: Create an API key**

1. Click the menu button and select Google Maps Platform > Credentials
2. On the Credentials page, click + Create Credentials > API key&#x20;

**Step 3: Enable Places API**

1. Click the menu button and select APIs
2. On the APIs page, choose Distance Matrix API and enable it

{% embed url="<https://www.youtube.com/watch?v=aVnen2Yc2UI>" %}

{% hint style="success" %}
You can use the same API key and enable **Distance Matrix API** if you also use Delivery conditions feature and want to specify permitted areas for delivery by radius or driving distance.
{% endhint %}