Potrzebujesz profesjonalnej pomocy? Skontaktuj się z nami!

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
Potrzebujesz profesjonalnej pomocy? Skontaktuj się z nami!
Spodobał Ci się artykuł? Zapisz się do naszego Newslettera - ZERO SPAMu, same konkrety, oraz dostęp do dodatkowych materiałów przeznaczonych dla subskrybentów!
Na podany adres e-mail otrzymasz od nas wiadomość e-mail, w której znajdziesz link do potwierdzenia subskrypcji naszego Newslettera. Dzięki temu mamy pewność, że nikt nie dodał Twojego adresu przez przypadek. Jeśli wiadomość nie przyjdzie w ciągu najbliższej godziny (zazwyczaj jest to maksymalnie kilka minut) sprawdź folder SPAM.
Janusz i Janusz dzięki motywowi Divi od Elegant Themes koszą siano robiąc strony
WebInsider poleca księgowość wFirma
WebInsider korzysta z VPSa w HitMe.pl
WebInsider poleca VPSy DigitalOcean
WebInsider poleca serwis Vindicat
Napisz komentarz
wipl_napisz-komentarz_01Jeśli informacje zawarte na tej stronie okazały się pomocne, możesz nam podziękować zostawiając poniżej swój komentarz.

W tej formie możesz również zadać dodatkowe pytania dotyczące wpisu, na które – w miarę możliwości – spróbujemy Ci odpowiedzieć.
Linki partnerskie
Niektóre z linków na tej stronie to tzw. „linki partnerskie”, co oznacza, że jeśli klikniesz na link i dokonasz wymaganej akcji (np. zakup/rejestracja) możemy otrzymać za to prowizję. Pamiętaj, że polecamy tylko te produkty i usługi, z których sami korzystamy, i uważamy, że są tego na prawdę warte… :-)
Znaki towarowe i nazwy marek
W niektórych wpisach (oraz innych miejscach na stronie) mogą być przedstawione/użyte znaki towarowe i/lub nazwy marek, które stanowią własność intelektualną tych podmiotów, a zostały użyte wyłącznie w celach informacyjnych.
Janusz i Janusz zapisali się do Newslettera WebInsider.pl i... sobie chwalą