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.

Cím automatikus kiegészítése példa

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

Cím automatikus kiegészítés engedélyezése

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.

Enable the Google Places API: Go to the Enabled APIs & Services and click + ENABLE APIS AND SERVICES. Search for „Places API” and select it. Click on the „Enable” button.

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.