Blog.Futurity.pl

Google Maps to obok poczty, czytnika
i paru innych aplikacji najczęściej wykorzystywane narzędzie spod znaku Google. Oprócz samego przeglądania map drogowych, terenowych czy satelitarnych, oglądania zdjęć czy wpisów z Wikipedii z regionu, GMaps oferują możliwość umieszczenia map na swojej stronie internetowej. Sposobów podpięcia Google Maps na własnej stronie jest kilka i w zależności od naszych wymagań możemy skorzystać z jednego z nich.

W sieci jest mnóstwo poradników i przewodników po Google Maps. Tutaj zebrałem kilka najpopularniejszych sposobów umieszczenia GMaps na swojej stronie internetowej oraz omówiłem ogólne zasady korzystania z map Google. W tej części poradnika opisałem najprostsze sposoby – bez wykorzystania Google Maps API.

Uwagi do używania Google Maps

Zanim przystąpię do opisu poszczególnych sposobów wykorzystania Google Maps warto wspomnieć o kilku ogólnych uwagach dotyczących korzystania z GMaps:

• Przed skorzystaniem z GMaps rzuć okiem na Terms of Use, czyli zasady użycia, w których spisane są wszystkie warunki korzystania z Google Maps. Ogólnie to Google Maps mogą wykorzystywać strony o charakterze komercyjnym jak i te non-profit, pod warunkiem oczywiście jeśli spełniają wymagania Terms of Use. Do najistotniejszych zasad można zaliczyć:
  • Dostęp do stron z mapami jest bezpłatny – nie pobierasz opłat za oglądanie map.
  • Nie można wykorzystywać map na przykład do lokalizowania miejsc gdzie można kupić narkotyki oraz do lokalizowania innych miejsc o charakterze ?przestępczym?.
  • Nie wolno zasłaniać czy usuwać z map znaków Google i danych o prawach autorskich.
  • Poza tym, jeśli zamierzasz po prostu umieścić na mapie lokalizację swojej firmy czy mapę do jakiegoś punktu, Google Maps jest właśnie dla Ciebie.
• Google Maps są darmowe. Google nie pobiera żadnych opłat za korzystanie z Google Maps. Dodatkowo wszystkie dane dotyczące map są trzymane po stronie Google. Do Ciebie należy tylko umieszczenie na swojej stronie odpowiedniego kodu źródłowego.
• Na mapach nie ma reklam. Google zastrzega sobie prawo do wprowadzenia ich, ale poinformuje o tym na 90 dni przed wprowadzeniem reklam. Najprawdopodobniej nawet jeśli pojawią się reklamy na mapach, będą one dobrowolne i będzie można ich nie wyświetlać.
• Do skorzystania z niektórych sposobów umieszczenia Google Maps na swojej stronie niezbędne jest wygenerowanie unikalnego klucza API dla Twojej witryny. Aby wygenerować klucz musisz posiadać konto Google, które można założyć tutaj.
• Google Maps to najlepszy sposób na zaprezentowanie lokalizacji swojej firmy, sposobu dojazdu do jakiegoś miejsca czy wykorzystanie ich w znacznie bardziej rozbudowanych serwisach.
  • Po pierwsze, Google rozwija swoje mapy (widać to choćby po rosnącej szczegółowości map na przykład dla terenu Polski na przestrzeni kilku ostatnich lat) i nie zanosi się na to aby przestał to robić.
  • Po drugie, Google Maps są bardzo szybkie i mało zawodne.
  • Po trzecie, Google Maps są proste w użyciu, zarówno dzięki rozbudowanemu API oraz społeczności.
  • Po czwarte wreszcie, konkurencja w porównaniu z możliwościami Google Maps oferuje znacznie gorszy produkt (a jeśli wziąć pod uwagę głównie obszar Polski, konkurencja wypada naprawdę blado).

Najprostszy sposób – link

Najłatwiejszym sposobem na wykorzystanie Google Maps na własnej stronie jest umieszczenie linka do mapy. Opcja ta daje nam najmniej możliwości i sprawdza się wtedy kiedy chcemy na przykład szybko umieścić tylko linka do mapy, aby użytkownicy zobaczyli wybraną przez nas okolicę. Aby to zrobić wystarczy wejść na stronę Google Maps i odszukać interesujące nas miejsce. Przydatne będzie skorzystanie z ostatniego klawisza myszy i wycentrowanie naszego miejsca (aby użytkownik zobaczył tą samą okolicę).

Następnie przy pomocy opcji w prawnym górnym rogu strony (?Link do tej strony?), kopiujemy gotowy link do mapy który możemy umieścić na swojej stronie.

Link ten świetnie też nadaje się do wysłania komuś pocztą lub przy pomocy komunikatora.

Drugi sposób – prosty iframe od Google

iframe to drugi sposób umieszczenia Google Maps na swojej stronie, oferowany przez Google bezpośrednio na stronie z mapami. Opcja ta pozwala już na bezpośrednie umieszczenie mapy – użytkownicy zobaczą mapę, będą mogli ją przybliżać, oddalać i poruszać się po niej.

Aby skorzystać z tej opcji wystarczy na swoją stronę wrzucić drugi kod HTML z opcji z ?Link do tej strony?. Przykład użycia tej formy wykorzystania Google Maps możecie zobaczyć tutaj.

Google oferuje również prosty interfejs do zmieniania wielkości mapy, dostępny pod linkiem ?Dostosuj wbudowaną mapę i wyświetl jej podgląd?.

Dodatkowo możesz skorzystać z wyszukiwarki adresów, wpisując szukany adres, dzięki czemu na mapie pojawi się punkt w miejscu tego adresu (należy jednak pamiętać, że Google może się trochę pomylić w geolokalizacji i niedokładnie wskaże punkt). Efekt na poniższych obrazkach:

Trzeci sposób – obrazek

Trzecim sposobem jest umieszczenie fragmentu mapy w postaci zdjęcia i wspominałem o tym w jednej z notek na blogu. Metoda ta polega na przesłaniu specjalnego zapytania do Google, które zwraca obrazek GIF. Pobrane zdjęcie możemy zapisać na dysku i hostować u siebie lub korzystać z pomocy Google. Aby skorzystać z tego sposobu niezbędne jest wygenerowanie API Key. Dodatkowo przyda się:

• Prosty przykład wykorzystania tego sposobu (zobacz źródło)
• Intuicyjny generator obrazków od Google w którym oprócz wielkości mapy możemy ustalić szczegóły dotyczące punktów oraz ścieżek
• Google Static Maps API, dla tych którzy chcą pobawić się trochę tym sposobem umieszczania map na stronach

Powyższy obrazek to tylko przykład jak może wyglądać mapa. Na blogu Google Geo Developers można poczytać trochę jak taką “obrazkową” mapę można uatrakcyjnić.

Podsumowanie

W powyższym poradniku krótko omówiłem kilka najprostszych sposobów umieszczenia Google Maps na swojej stronie internetowej. Zamieszczone przykłady oraz linki do prostych generatorów powinny w zupełności wystarczyć do umieszczenia mapy na swojej stronie.

Druga część poradnika

Zajrzyj do drugiej części poradnika, gdzie opisuje jak budować i udostępniać bardziej rozbudowane mapy przy użyciu Google Maps.