Jak dodać na swojej stronie link do Google Maps
Dodawanie odnośników do mapy Google na swojej stronie internetowej często realizowane jest z użyciem Google Maps Api. Ten sposób zamieszczania map wymaga stworzenia konta, uzyskania klucza do api i wiąże się ograniczeniami ilości darmowych wyświetleń. Jednak w wielu przypadkach nie porzebjemy armaty na muchę. Jak zrobić link który po prostu otworzy mapę Google ze wskazaniem konkretnego miejscja? Mapę ustawioną na zadaną szrokość i wysokość geograficzną. Poniżej przedstawiamy kilka sposobów.
Link bezpośredni w wersji skróconej
W celu wskazania lokalizacji do określonego miejsca na Google Maps wystarczy dodać poniższy link:
Kliknij i zobacz jak działa:
https://www.google.pl/maps/@50.0615845,19.938169,450m
https://www.google.pl/maps/@50.0615845,19.938169,450mPoszczególne części linku oznaczają:
- https://www.google.pl/maps/ - główna część adresu do serwisu Google Maps
- 50.0615845 - szerokość geograficzna (latitude)
- 19.938169 - długość geograficzna (longitude)
- 450m - skala powiększenia, czyli wysokość z jakiej patrzymy na mapę – tutaj 450 metrów nad ziemią.
Link bezpośredni w wersji długiej
Cały i kompletny link skopiowany z Google Maps wygląda jak poniżej. Pozwala na wskazanie rodzaju mapy (satelitarna, zwykła itd.).
Kliknij i zobacz działanie linku w wersji długiej:
https://www.google.pl/maps/@50.0550863,19.8936637,341m/data=!3m1!1e3?entry=ttu&g_ep=EgoyMDI1MDQxNi4xIKXMDSoASAFQAw%3D%3DPoczątek jest taki sam jak w wersji skróconej:
- https://www.google.pl/maps/ - główna część adresu
- 50.0550863 - szerokość geograficzna
- 19.8936637 - długość geograficzna
- 341m – wysokość, 341 metrów nad ziemią.
Dodatkowy parametr /data=!3m1!1e3 składa się z dwóch części oddzielonych wykrzyknikami.
Typ danych (np. że pokazujemy mapę a nie zdjęcie uliczne czy trasę):
- !3m1 – mapa
Tryb mapy:
- !1e3 – widok satelitarny.
Parametry służace do analityki i śledzenia:
- entry=ttu - Nie ma wpływu na samą mapę. Używane do wewnętrznych celów Google (np. sposób otwierania mapy, z aplikacji, wyszukiwarki itd.).
- g_ep=EgoyMDI1MDQxNi4xIKXMDSoASAFQAw%3D%3D - Nie ma praktycznego znaczenia. Informacje używane do wewnętrznych celów Google. To zakodowany (base64) lub szyfrowany zestaw danych o kontekście linku (np. z jakiego miejsca kliknięto link, jakie było wyszukiwanie itp.).
Link w wersji krótkiej z balonikiem
Do wskazania miejsca na mapie Google często używamy balonika. W najprostszej postaci url do mapy wygląda jak poniżej.
Kliknij i zobacz działanie linku z balonikiem:
https://www.google.com/maps?q=54.5195431,18.5515346
https://www.google.com/maps?q=54.5195431,18.5515346Niestety w tej wersji nie ma możliwości wybrania typu mapy, ani ustawienia przybliżenia widoku. Używane są ostatnie ustawienia map pobierane z cache przeglądarki klienta lub ustawienia standardowe.
Link do mapy z balonikiem
Bardzo praktycznym rozwiązaniem na stworzenie linku do Google Maps jest sposób z poniższego przykładu. W tej wersji wyświetlamy balonik na wskazanym miejscu, określamy środek wyświetlanej mapy oraz definiujemy typ (satelitarny, zwykły itd.) i przybliżenie mapy.
Kliknij i zobacz widok satelitarny:
https://www.google.pl/maps/place/54.5880367,18.5459373/@54.5876824,18.5453097,230m/data=!3m1!1e3
https://www.google.pl/maps/place/54.5880367,18.5459373/@54.5876824,18.5453097,230m/data=!3m1!1e3Kliknij i zobacz mapę standardową:
https://www.google.pl/maps/place/54.5880367,18.5459373/@54.5876824,18.5453097,230m/data=!3m1!1e0
https://www.google.pl/maps/place/54.5880367,18.5459373/@54.5876824,18.5453097,230m/data=!3m1!1e0Poszczególne czści adresu oznaczają:
- https://www.google.pl/maps/ - główna część adresu
- place/54.5880367,18.5459373 – to jest miejsce ustawienia balonika. Współrzędne szerokości i wysokości geograficznej.
- @54.5876824,18.5453097 – definiuje ustawienie mapy - środek ekranu. Współrzędne szerokości i wysokości geograficznej ustawiają się na środku ekranu. Nie muszą być takie same jak współrzędne balonika.
- 230m - przybliżenie mapy. Wysokość 230 metrów nad ziemią.
- !3m1 - mapa
- !1e3 - widok satelitarny - w pierwszym przykładzie.
- !1e0 - zwykła mapa - w drugim przykładzie.
Paramerty - typ danych i tryb mapy.
Typ danych (pierwszy parametr od którego zależą kolejne):
- !3m1 - Aktywuje widok mapy z określonymi ustawieniami (np. widok klasyczny, terenowy, satelitarny) — często towarzyszy mu !1eX.
- !3m2 - Parametry kamery — najczęściej: !3m2!1i0!2i45 = pochylona mapa 45°.
- !3m3 - Używane w linkach do wyszukiwań / zapytań — np. /search/.
- !3m4 - Często używane z obrazami w Street View — np. !3m4!1sAF1Qip....
- !3m5 - Może dotyczyć tras, punktów trasy lub przejazdów.
- !3m6 - Związane z widokiem Street View (3m6!1e1!3m4!...) — zawiera identyfikator panoramy.
- !3m7 - Używane do zaznaczenia punktu na trasie, np. w Google My Maps.
- !3m8 - Wideo, zdjęcie lub recenzja — np. w wizytówkach firm.
- !3m9 - Może służyć do zaznaczenia kategorii biznesowej.
- !3m10, !3m11 - Zaawansowane trasy (rower, pieszo, transport publiczny).
- !3m12 - Zazwyczaj typ filtra w wyszukiwaniu (np. "najlepiej oceniane").
Tryb mapy:
- !1e0 - zwykła mapa.
- !1e1 - tryb Street View. Wymaga użycia dodatkowych parametów.
- !1e2 - mapa terenowa. Mapa z ukształtowaniem terenu (wzgórza, poziomice).
- !1e3 - widok satelitarny.
- !1e5 - mapa hybrydowa. Widok satelitarny z nałożonymi nazwami miejsc i ulic.
- !1e6 - widok Street View. Wymaga użycia dodatkowych parametów w linku.
- !1e7 - widok 3D w stylu Google Earth. Wymaga użycia dodatkowych parametów i działa w przeglądarkach obsługujących WebGL.
- !1e10 - mapa komunikacji miejskiej. Wymaga użycia dodatkowych parametów. Dostępna tylko dla wybranych miejsc.
Parametr tryb mapy nie zawsze ma odpowiednią siłę przebicia. Google czasami go zmienia i wyświetla inny rodzaj mapy.Zależy to od jakości map, przybliżenia oraz danych w cache przeglądarki użytkownika. Mapy terenu, widoki Street View i 3D nie są dostępne dla każdego miejsca na Ziemi. W takich prypadkach Google często wyświetla czarny ekran zamiast mapy. Dlatego generowane linki powinniśmy testować w miarę możliwości.