Cím automatikus kiegészítése

A Google Places API-t használhatja weboldalán annak biztosítására, hogy a felhasználók szállítási címei létezzenek és a szállító által érthetőek legyenek. A Google Places API lehetővé teszi a fejlesztők számára, hogy részletes információkat érjenek el helyekről HTTP kérések segítségével. Az automatikus kiegészítés egy helyek listáját jósolja meg, amikor a felhasználó elkezdi beírni a címet.

screenshot: website-address-autocomplete-address-autocomplete-example
menu
(website) ‣ Checkout
shows
The address form of the checkout with the Google Places suggestions dropped down under the Address field as the visitor types.
highlight
The suggestion list (red frame).
data
Demo website 'My Website'.
module
website, base_geolocalize
notes
English UI, light theme, 1440px width.

Ehhez menjen a Website ‣ Configuration ‣ Settings menüpontra, és engedélyezze a Address Autocomplete opciót az SEO szekcióban.

screenshot: website-address-autocomplete-enable-address-autocomplete
menu
Website ‣ Configuration ‣ Settings
shows
The Website settings page with the Address Autocomplete checkbox enabled and the Google Places API Key field filled in.
highlight
The Address Autocomplete setting and the API key field (red frame).
data
API key shown; use a throw-away key.
module
website
notes
English UI, light theme, 1440px width.

Helyezze be a Google Places API key kulcsát az API Key mezőbe. Ha még nincs ilyen kulcsa, hozzon létre egyet a Google Cloud Console oldalon, és kövesse az alábbi lépéseket.

1. lépés: A Google Places API engedélyezése

Új projekt létrehozása: A Google Places API engedélyezéséhez először létre kell hoznia egy projektet. Ehhez kattintson a bal felső sarokban a Select a project, majd a New Project gombra, és kövesse az utasításokat a projekt beállításához.

A Google Places API engedélyezése: Lépjen az Engedélyezett API-k és szolgáltatások részhez, és kattintson a + API-K ÉS SZOLGÁLTATÁSOK ENGEDÉLYEZÉSE. gombra. Keressen rá a „Places API” elemre, és válassza ki. Kattintson az „Engedélyezés” gombra.

Megjegyzés

A Google árazása a kérések számától és azok összetettségétől függ.

2. lépés: API hitelesítő adatok létrehozása

Látogasson el az APIs & Services –> Credentials oldalra.

Hitelesítő adatok létrehozása: A hitelesítő adatok létrehozásához menjen a Credentials menüpontra, kattintson a Create Credentials gombra, és válassza az API key lehetőséget.

API kulcs korlátozása (Opcionális)

Biztonsági okokból korlátozhatja az API kulcs használatát. A API korlátozások szekcióban megadhatja, hogy mely API-khoz férhet hozzá a kulcsa. A Google Places API esetében korlátozhatja, hogy csak meghatározott webhelyekről vagy alkalmazásokból érkező kéréseket engedélyezzen.

Fontos

  • Mentse el az API kulcsát: másolja le az API kulcsát és tárolja biztonságosan.

  • Ne ossza meg nyilvánosan, és ne tegye ki kliens oldali kódban.