V článku Ako si vytvoriť mapu s vlastnými bodmi (špendlíky na mape)? sme si ukázali, ako vytvoriť mapu cez Google My Maps a pridať na ňu vlastné body/špendlíky. Mapa vytvorená pomocou Google My Maps funguje samostatne a nevyžaduje Google Maps API kľúč.

Ak chcete použiť službu Elfsight (či inú externú službu) na vytvorenie interaktívnej mapy, budete potrebovať Google Maps API kľúč. Na tvorbu Google Maps API kľúča sa zameriavame v tomto návode. V návode Ako vytvoriť interaktívnu Google mapu s vlastnými špendlíkmi? Vám ukážeme samotnú tvorbu interaktívnej mapy od Elfsight. 

 

Ako vytvoriť Google Maps API kľúč?

1. Prejdite na oficiálne stránky Google Maps Platform a kliknite na tlačidlo Get Started.

Google Maps Platform - Get Started

2. Prihláste sa do svojho Google účtu, respektíve si Google účet vytvorte.

Prvým krokom po prihlásení do služby Google Maps Platform je voľba krajiny (Country) a odsúhlasenie zmluvných podmienok (Terms of Service). Potvrďte kliknutím na Agree and continue.

V prípade krajiny, odporúčam zadať krajinu Vášho fyzického pobytu, a nie trvalého bydliska.

Prijatie zmluvných podmienok

3. Kliknite na tlačidlo Finish account setup. Google Maps platforma Vás môže vyzvať k vyplneniu krátkeho dotazníka, ktorý slúži na vylepšenie Vašej osobnej skúsenosti s používaním platformy. Detaily môžete vyplniť a potvrdiť cez Submit, respektíve máte možnosť tento krok preskočiť kliknutím na Skip for now.

Finish account setup
Personalize your experience

Služba Vás vzápätí znovu vyzve k potvrdeniu zmluvných podmienok (kliknite Agree & continue) a overeniu Vašej identity cez platobné údaje (kliknite Start free).

V prípade, že nemáte vytvorený Payments profile, prečítajte si Ako vytvoriť Payments profile?

V prípade, že chcete pridať novú platobnú metódu (Payment method), prečítajte si Ako vytvoriť platobnú metódu? 

Account information
Overenie identity

Google Maps Platform Vás vyzve k overeniu Vašej karty. Ničoho sa nemusíte báť, z karty Vám služba nič nestrhne. Jedná sa iba o overenie. 

Google Maps Platform Vám ponúka kredit 200 USD na každý mesiac zdarma. Iba v prípade, že prekročíte dané limity (teda sumu 200 USD) Vám môže služba z platobnej karty strhnúť peniaze. Ak si nie ste istý, koľko kreditu spotrebujete do mesiaca, respektíve sa chcete uistiť, že limit neprekročíte, môžete si nastaviť tzv. budget alert (upozornenie na rozpočet) pod Google Cloud – Billing

4. Po prihlásení sa do služby a overení Vášho účtu, môžete začať s vytváraním API kľúča. Prvý krok je vytvoriť si tzv. projekt, a to kliknutím na My First ProjectNew Project.

Vytvorenie nového projektu 1

5. Pomenujte svoj projekt a potvrďte tlačidlom Create. V pravom hornom rohu v sekcii Notifications uvidíte oznámenie o vytvorení Vášho projektu. Kliknite na modrý link Select Project.

Vytvorenie nového projektu 2
Notifications - Select Project

6. V hlavičke stránky môžete vidieť Váš aktuálny projekt. Na ľavej strane v menu kliknite na Keys & Credentials. Práve tu nájdete svoj API kľúč. Pre zobrazenie kľúča kliknite na Show key.

Keys and Credentials
Zobrazenie API kľúča

7. A je to! Váš Google Maps API kľúč je vytvorený. Pred tým ako kľúč začnete používať, odporúčam nastaviť zabezpečenie API kľúča – Ako zabezpečiť Google Maps API?

Google Maps API key

Ako vytvoriť Payments profile?

1. V prípade, že pod Vašim Google účtom nemáte nastavený Payments profile, môžete tak urobiť kliknutím na Create new payments profile.

Ako vytvoriť Payments profile? 1

2. Vyplňte všetky požadované údaje a potvrďte tlačidlom Create. Váš nový Payments profile je vytvorený.

Ako vytvoriť Payments profile? 2
Ako vytvoriť Payments profile? 3

Ako vytvoriť platobnú metódu?

1. V prípade, že pod Vašim Google účtom nemáte žiadnu platobnú metódu, respektíve chcete vytvoriť inú platobnú metódu, môžete tak urobiť kliknutím na Add payment method.

Ako vytvoriť platobnú metódu? 1

2. Kliknite na Add credit or debit card. Zadajte detaily Vašej platobnej karty a potvrďte cez Save card. Platobná metóda bola úspešne vytvorená. 

Ako vytvoriť platobnú metódu? 2
Ako vytvoriť platobnú metódu? 3

Ako zabezpečiť Google Maps API?

API sa odporúča zabezpečiť, a tým zabrániť využívanie API kľúča inými stránkami. Určite chcete, aby API kľúč fungoval pre vašu webovú stránku (napr. www.wpromotions.eu), či napríklad v prípade Google Maps widgetu od Elfsight, pre webovú stránku www.elfsight.com.

1. V ľavom menu vyberte možnosť Keys & Credentials, potom kliknite na hyperlink Maps Platform API Key.

Zebezpečenie Google API kľúča

2. V sekcii Application Restrictions vyberte Websites a kliknite na Add.

Application Restrictions - Websites

3. Pridajte povolenú URL a to vo formáte *.example.com/*. Potvrďte kliknutím na Done.

Pridať novú povolenú stránku na Google API 1
Pridať novú povolenú stránku na Google API 2

4. Kliknite na Save a hotovo! Váš Google Maps API kľúč bol zabezpečený.

Uložiť

Ďalšie skvelé návody

Pomohol ti tento návod? Pošli ho priateľom 🙂

Livka