> For the complete documentation index, see [llms.txt](https://docs.dingdoong.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dingdoong.io/store-pickup/google-maps-api.md).

# Google Maps API

<figure><img src="/files/sCGvYfms6a1jLExRB4xE" 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="/files/HmwggDvXwIwIng7Ez8mc" 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 %}