Mapy Google na stronie nie działają? o kluczach API do Google Maps

Ups... Coś poszło nie tak.


Jeśli chcesz dodać mapę Google do swojej strony www i widzisz taki komunikat, to znajdziesz tu rozwiązanie.

Ups... Coś poszło nie tak

Komunikat: Ta strona nie wczytała Map Google prawidłowo. Szczegóły techniczne znajdziesz w konsoli JavaScript, bądź Google Maps API error: MissingKeyMapError.


Najczęstszym źródłem tego problemu jest brak klucza API

A w jaki sposób mogę wygenerować klucz i dodać go do tego skryptu?

Wchodzimy na poniższą stronę lub wyszukujemy ją za pomocą frazy w google "google maps api key" Musimy też być zalogowani na swoje konto Google.
Następnie tworzymy klucz "GET A KEY". Projekt nazywamy jak nam wygodnie. Po czym uzyskujemy nasz unikatowy klucz API.

Jeśli mamy już nasz klucz API, musimy go dodać do skryptu wyświetlającego mapy, w tym celu należy odnaleźć miejsce w panelu adminsitracyjnym CMS (Wordpress, Joomla itp.) - najczęściej w ustawieniach szablonu, bądź zainstalowanej wtyczce.

Można też ręcznie znaleźć skrypt, który wczytuje API dla naszej mapy
https://maps.googleapis.com/maps/api/js&callback=initMap

zmieniając w nim adres klucza na wygenerowany wcześniej
https://maps.googleapis.com/maps/api/js?key=TWOJ_KLUCZ_API&callback=initMap



Tym sposobem, Mapy Google na naszej stronie powinny już wczytywać się poprawnie. 



Komentarze

Prześlij komentarz