Kurs "WordPress: Pierwsze kroki" (bezpłatna lekcja)

O Mapach Google pisałem już nie raz – głównie w kontekście kolejnych niespodzianek (zwłaszcza ostatnio) serwowanych przez Google właścicielom stron internetowych, na których są umieszczone Mapy Google. I tak odezwała się do mnie osoba, u której na stronie przestała działać mapa Google. Ktoś coś kiedyś ją, i teraz nie działa…

Prosty sposób na Mapę Google na stronie

W tym przypadku nie było jeszcze tak źle, bo wprawdzie faktycznie mapa na stronie przestała działać, to z racji tego, że strona działała na WordPressie można było relatywnie łatwo problem skorygować, choćby instalując jakąś wtyczkę do obsługi Map Google, gdzie będzie można wprowadzić wymagany klucz API.

Akurat używany motyw – Justness od 7Theme – nawet w najnowszej wersji nie ma wsparcia w swoim komponencie do obsługi map dla klucza API, stąd mapa wyglądała tak:

Z komunikatem, że:

Ta strona nie może poprawnie wczytać Map Google.

Jak już wspomniałem – z racji tego, że jest to strona na WordPressie, to można by zainstalować jakąś wtyczkę, która by pozwoliła obsługę Map Google przywrócić. Ale nie każdy ma stronę na WordPressie, do tego nie każdy chce lub potrzebuje się bawić w zakładanie konta w Google Maps Platform, oraz konfigurowanie klucza API.

W takim przypadku można zrobić to prościej – przynajmniej na razie, bo z Google nic nie wiadomo, i może za jakiś czas trzeba będzie znowu coś zmieniać. Wystarczy wejść na stronę Map Google (Google Maps), wpisać adres, kliknąć „udostępnij”, a następnie „umieszczanie mapy”.

Krótkie dopasowanie okna (pozycja na mapie, skala, czy wielkość „okna”) i mamy kod, który można umieścić bezpośrednio na stronie:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2444.6857342749176!2d21.01920621579605!3d52.21275827975725!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471eccde106e1f83%3A0x7b9e8241aa4b1275!2sPu%C5%82awska+1%2C+00-001+Warszawa!5e0!3m2!1spl!2spl!4v1535123729732" width="750" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Po takiej operacji mapa na stronie działała prawidłowo:

Oczywiście jest to wariant bardzo podstawy, który sprawdzi się w sytuacji, gdy nie potrzebujemy dodatkowo modyfikować mapy, np. nie potrzebujemy indywidualnych znaczników…

(!) Zgłoś błąd na stronie
Pomogłem? To może postawisz mi wirtualną kawę?
LUTy dla D-Cinelike (DJI Mini 3 Pro, DJI Avata, OSMO Pocket) od MiniFly
Wdrożenie Omnibusa w sklepie na WooCommerce
Jak (legalnie) latać dronem w Kategorii Otwartej
Kurs "WordPress: Pierwsze kroki" (bezpłatna lekcja)
Patryk
Kurs "WordPress: Pierwsze kroki" (na dobry początek)