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

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.

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):

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