Jak wygenerować klucz API dla map Google

Owned by Marketing
Last updated: gru 23, 2021 by dok
3 min read

Większość responsywnych stron internetowych po przełączeniu na docelową domenę będzie wymagało wygenerowania indywidualnego klucza API dla map Google.


Przez przełączenie domeny rozumiemy zmianę głównego adresu z www.stronaXXXX.asari.pl na domenę użytkownika np.: www.biuro-nieruchomosci.pl


Jeżeli nie zostanie wygenerowany indywidualny klucz Google API wszystkie mapy na stronie mogą przestać działać. Będzie się objawiać wyświetlaniem w miejscu mapy poniższego komunikatu.


Link kierujący do strony, na której można wygenerować klucz Google znajdziesz w kreatorze swojej strony RWD w panelu Ustawienia strony.


Powyżej pola do wpisania klucza znajdziesz link do wspomnianej podstrony. Możesz także kliknąć w ten link - https://developers.google.com/maps/documentation/javascript/


Na załadowanej stronie klikamy "Get an API Key" a następnie "Go to the project selector page"


Należy utworzyć projekt, do którego zostanie przypisany nasz klucz API, a następnie należy aktywować bezpłatny okres próbny:


System poprosi nas o podanie danych rozliczeniowych, przed wprowadzeniem danych, trzeba wyrazić zgody



w następnym kroku uzupełniamy dane firmy (do faktur)


oraz numer karty

po rozpoczęciu "okresu próbnego" w Google włączamy interfejsy API kolejno:


Na tym etapie wchodzimy z każdy z poszczególnych modułów i klikamy Włącz:

Minimalna lista włączonych interfejsów:

  • Geocoding API
  • Maps JavaScript API
  • Maps SDK for Android
  • Maps SDK for iOS
  • Places API 



W zakładce "Interfejsy API i Usługi" wchodzimy do "Danych logowania" i wybieramy UTWÓRZ DANE LOGOWANIA → Klucz interfejsu API:


Klucz API zostaje automatycznie utworzony i jest gotowy do skopiowania, trzeba go jedynie ograniczyć do konkretnych witryn, na których będzie działał:


Za pomocą przycisku DODAJ ELEMENT dodajemy adresy, które zostały przypięte do naszej strony, a każdy poszczególny adres powinien zaczynać się od:

http://domena.pl/*

http://www.domena.pl/*

https://domena.pl/*

https://www.domena.pl/*



Np. dla witryny asaricrm.com poprawna konfiguracja to:

http://asaricrm.com/*

http://www.asaricrm.com/*

https://asaricrm.com/*

https://www.asaricrm.com/*


BARDZO WAŻNE - prosimy zwrócić uwagę na dodanie na końcu domeny /* - od pewnego czasu google ograniczyło klucze dla konkretnej ścieżki w domenie i znak /* pozwala na rozszerzenie działania na całą domenę. 



Uzyskany klucz wprowadzamy do ustawień kreatora i zapisujemy


Po wklejeniu klucza API w Kreatorze, po stronie Projektu Google, w zakładce Interfejsy API powinniśmy otrzymać informację nt. działających interfejsów w postaci Żądań:



a Mapa powinna poprawnie prezentować się na naszej stronie WWW: