# Google Maps API-kulcs beállítása

> Hogyan add meg a Google Maps JavaScript API-kulcsot, milyen API-k kellenek, és hogyan használja ugyanazt a kulcsot az ACF is.

A **Dinamikus Google Maps** és a **Dinamikus Google Maps útvonaltervezés** widget csak érvényes Google Maps API-kulccsal működik. Kulcs nélkül a widget panelje figyelmeztetést ír ki: „A funkció használatához állítsd be a Google Maps API-t bekapcsolt Geocoding API-val az integrációk szakaszban”.

## Milyen API-k kellenek

A kulcsot a Google Cloud Console-ban kell létrehoznod. A projektben ezt a három API-t kapcsold be:

- Maps JavaScript API,
- Geocoding API,
- Places API.

### A Geocoding API bekapcsolása

Ha a projektben még nincs bekapcsolva a Geocoding API:

1. Nyisd meg a Google Cloud Console API-oldalát.
2. Kattints a projektválasztóra, válaszd ki ugyanazt a projektet, amelyben a Maps JavaScript API-t beállítottad, és nyisd meg.
3. A vezérlőpult API-listájában keresd meg a **Geocoding API**-t. Ha szerepel, nincs más dolgod.
4. Ha nincs a listában, kattints az oldal tetején az **ENABLE API** gombra (vagy a bal oldali menüben a **Library** menüpontra), keress rá a Geocoding API-ra, válaszd ki, és kattints az **ENABLE** gombra. Amikor a folyamat véget ér, az API megjelenik a vezérlőpult listájában.

## A kulcs megadása

1. Nyisd meg a **Dynamic Content for Elementor → Integrációk** oldalt.
2. A **Google Maps** szakaszban írd be a kulcsot a **Google Maps JavaScript API-kulcs** mezőbe.
3. Kattints a lap alján a **Save Integrations** gombra.

![Az Integrációk oldal Google Maps szakasza](./kepek/terkepek-integraciok.webp)

*Az Integrációk oldal Google Maps szakasza* (https://minta-bolt.hu/wp-admin/admin.php?page=dce-integrations)

Az oldal tetején a **Google Maps** szakasz áll: a kulcs mezője és az ACF jelölőnégyzete. Lejjebb a többi integráció (fizetési szolgáltatók, kriptovaluta-adatok) beállításai láthatók, ezek nem a térképekhez tartoznak.

## Ugyanaz a kulcs az ACF-ben

Az ACF Google Térkép mezőtípusának is kell kulcs. Ha bejelölöd az **Állítsd be ezt az API-t az ACF konfigurációban is** négyzetet, a bővítmény átadja az ACF-nek ugyanazt a kulcsot.

Ha kézzel szeretnéd beállítani, tedd a gyermektéma `functions.php` fájljába ezt a kódot (az `xxx` helyére a saját kulcsod kerül):

```php
function my_acf_google_map_api( $api ) {
    $api['key'] = 'xxx';
    return $api;
}
add_filter( 'acf/fields/google_map/api', 'my_acf_google_map_api' );
```