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>/*

c. http://www.<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.