Od mniej więcej dwóch tygodni zauważyłem wzrost zapytań na temat problemów z Google Maps. Mapy nagle przestały działać, na nowych stronach nie działają w ogóle i tak dalej. Zamiast map, najczęściej możemy zobaczyć następujący komunikat:

Mapy Google – błąd

Szczegóły dotyczące tego błędu możemy sprawdzić w konsoli JavaScript. Najczęstszym źródłem tego problemu jest po prostu brak klucza API, ponieważ od 22 czerwca br. wszystkie zapytania do API dla nowych stron muszą zawierać klucz API. To znaczy, jeśli wykorzystywaliście Google Maps na swoich stronach przed 22 czerwca, wszystko powinno być nadal w porządku, w pozostałych przypadkach – konieczne będzie wygenerowanie klucza API.

Aby to zrobić, przechodzimy na tę stronę, klikamy przycisk „Get a key” i postępujemy zgodnie z instrukcjami, tzn musimy zalogować się na swoje konto Google, wybrać lub utworzyć nowy projekt, aktywować dla niego API i na stronie „Credentials” powinniśmy dostać nasz klucz.

Naprawiamy mapy w motywie lub na statycznej stronie internetowej

Mamy już klucz API do naszej mapy, teraz musimy go dodać do naszego skryptu wyświetlającego mapy w motywie WordPressa lub na naszej statycznej stronie internetowej. Najprościej będzie poszukać w plikach następującego adresu – skryptu, który wczytuje API dla naszej mapy:

https://maps.googleapis.com/maps/api/js&callback=initMap

adres zmieniamy, dodając parametr „key” z naszym nowym kluczem:

https://maps.googleapis.com/maps/api/js?key=TWOJ_KLUCZ_API&callback=initMap

gdzie zamiast TWOJ_KLUCZ_API, wpisujemy oczywiście wygenerowany wcześniej klucz. 🙂

Po tym zabiegu mapy powinny zacząć działać prawidłowo. Wkrótce twórcy motywów wykorzystujących Google Maps na pewno wypuszczą aktualizację (sprawdźcie, lub zapytajcie dostawcę Waszego motywu, może aktualizacja jest już dostępna), która pozwoli na dodawanie klucza API w bardziej wygodny sposób. Na przykład poprzez opcję w ekranie Personalizacji. O tym, jak dodać nową opcję do ekranu Personalizacji, możecie poczytać tutaj.