Wyświetl większą Mapę Google

Kilka tygodni temu minęło 11 lat od powstania Google Maps. Jak serwis wyglądał na początku swojej kariery i czy bardzo różnił się od obecnej wersji zobaczcie sami.

Twórcami Map Google byli Duńczycy, bracia Lars i Jens Eilstrup Rasmussen, którzy założyli firmę Where 2 Technologies. Na początku roku 2003 stworzyli projekt mapowy o nazwie Expedition. Google w październiku 2014 roku kupiło firmę Where 2 Technologies, a Duńczycy stali sie pracownikami giganta z Mountain View, gdzie dalej pracowali nad swoim mapowym projektem. Pierwsza wersja Map Google uruchomiona została w 2005 roku.

Street View, istniejące od 2007 roku, to jedno z ciekawszych narzędzi jakie wprowadził serwis Google Maps. Jest doskonałym uzupełnieniem zdjęć satelitarnych, bo na panoramach zobaczymy zdecydowanie więcej. Widok z perspektywy pieszego może być bardzo pomocny na przykład w dokładnym zlokalizowaniu poszukiwanego miejsca, czy po prostu zobaczeniu jak wygląda okolica w rzeczywistości.

Obecnie Street View dostępne jest niemalże dla całego globu. Poniżej mapa jakie aktualnie obszary obejmuje funkcja. Na czerwono zaznaczono miejsca, które pojawiły się w Street View w 2016 roku.

Usługa Google Maps API umożliwia umieszczenie interaktywnej Mapy Google na własnej stronie internetowej, np. prostej mapki z danymi kontaktowymi firmy ale także w pełni funkcjonalnej mapy, z własnymi danymi i funkcjami do obsługi zdarzeń. Jest to możliwe poprzez wklejenie do kodu swojej strony odpowiedniego kodu języka JavaScript wraz z tzw. kluczem API. Klucz, który może uzyskać każdy użytkownik konta Google, pozwala na dostęp z jednej domeny lub katalogu domeny.

Obecnie usługa Google Maps API jest bardzo rozbudowana i dostępna jest także na urządzenia mobilne. Usługa jest darmowa do określonego limitu odwiedzin strony lub aplikacji. Wysokość ustalonego limitu zależy od tego dla jakiego urządzenia dedykowana jest usługa. Dla stron internetowych wynosi on 25 tys. odwiedzin dziennie.

Stanie w korkach to bolączka nie jednego kierowcy. Zanim wsiądziemy do auta warto na Mapach Google sprawdzić korki i wyświetlić warstwę natężenie ruchu na drodze.

Prędkość pojazdów pokazana jest kolorami. Zielony: ruch odbywa się płynnie. Pomarańczowy: średnie natężenie ruchu. Czerwony: opóźnienia w ruchu. Im ciemniejszy czerwony, tym ruch jest wolniejszy.

Na mapie zaznaczone są również zdarzenia drogowe. Obejmują one kilka rodzajów sytuacji, które powodują opóźnienia: wypadki, Wypadki, roboty drogowe, Roboty drogowe, zamknięcia dróg, Zamknięte odcinki drogi, inne zdarzenia. W przypadku zamkniętej drogi pojawi się przerywana czerwona linia na odcinku, który jest zamknięty.

Poniżej przyklad mapy z markerem, po kliknięciu którego wyskakuje okno z informacjami. W takim oknie możemy umieścić zwykły tekst, ale także obraz czy link.

Wyświetl mapę na osobnej stronie

Klikajac w marker otworzy się okno. Domyślnie pozostaje otwarte, dopóki użytkownik nie kliknie kontrolki zamknięcia (krzyżyka w prawym górnym rogu okna informacyjnego).

Do stworzenia takiej mapy potrzebne będzie wywołanie funkcji InfoWindow. W tym przykładzie pokazujemy jak podpiąć okno informacyjne do markera, ale możesz je również dołączyć do określonej szerokości/długości geograficznej, wywołując funkcję setPosition ().

W kolejnej częsci naszego kursu Google Maps API zobaczysz jak umieścić na stronie prostą mapę Google z markerem. To nic trudnego. Poradzisz sobie, jeśli tylko masz podstawową wiedzę z HTML i CSS oraz choć minimalną znajomością JavaScript.

  • Jesteś tutaj:  
  • Start