Za korištenje mapa na web stranici potrebno je generirati Google API code. Nedavno je Google unio promjene naplate korištenja navedene usluge, te je stoga potrebno dodati kreditnu karticu unutra, ali Google svaki mjesec daje gratis 200 USD. Zavisno što ćete sve koristiti na webu, ali u pravilu je to dovoljno za normalnu upotrebu google mape u kontaktima i sl.
Logirajte se sa gmal (gsuite) accountom na Google consolu:
https://console.developers.google.com/
Kliknite na Select Project
Zatim New Project:
U polje Project Name upisati GoogleMaps , nakon toga klik Create
Iz izbornika odabrati Library
U tražilicu upisati Maps Javascript API
Otvoriti Maps JavaScript API, klik na Enable
Opet otići u Izbornik > APIs & Services > Library
U tražilicu upisati Geocoding API > otvoriti, klik na Enable
U tražilicu upisati Directions API > otvoriti, klik na Enable
U tražilicu upisati Distance Matrix API > otvoriti, klik na Enable
Nakon toga Izbornik > APIs & Services > Credentials
Odabrati Create credentials > API key
Kao Name se može upisati Google Maps <vasa-domena>, npr. Google Maps thinksmart.hr
Unutar Application restrictions se odabere HTTP referrers te se upisuje svi oblici domene
a. http://<vasa-domena>/*
b. https://<vasa-domena>/*
d. https://www .<vasa-domena>/*
e. http://<testna-domena>/*
f. Save
Primjer ispunjenog obrasca:
Nakon svega, trebate poslati vrijednost polja API key (na vrhu obrasca), otprilike ovako izgleda:
agahsdddzaSyDzm8_XXXXXXXXXV_VraPW0ueRs
Na kraju, Credentials screen izgleda kao iz primjera:
Dodatno trebate ubaciti Billing podatke:
a. Izbornik > billing > add billing account > upišete brojeve kartica.
Nakon toga odaberete Izbornik Billing > Overview - dole se nalazi lista projekata
“Projects linked to this billing account”, otvorite izbornik na projektu koji ste kreirali i odaberete “Change billing account”, i tamo odaberete Billing gdje je unesena kreditna kartica.
