Mapy na stronach www
Firma Google stworzyła i udostępniła Google Maps API opisujący od podstaw wszystkie funkcje i komponenty potrzebne do tworzenia map na stronach www. Cały dokument dostępny jest tu. Można tworzyć mapy kartograficzne, mapy satelitarne i mapy hybrydowe. Aby umieścić własną mapę na swojej stronie należy się najpierw zarejestrować i pobrać indywidualny kod - klucz do umieszczenia na swojej stronie www. Przykładowy kod przedstawiono niżej. Klucz znajduje się w linii 9,10. Ten prosty skrypt JavaScript umożliwia wyświetlenie mapy dowolnej części świata opisanej współrzędnymi w zmiennych lat, lng , zoom (linie 16,17,18).
ZOBACZ PRZYKŁAD 1
Skopiuj treść z przykładu 1 do pliku mapa.html, wklej swój klucz w linii 9,10.
Bardziej zaawansowane przykłady map znajdziesz w innych rozdziałach.
UWAGA ! Klucz Google Maps jest generowany indywidualnie dla każdej domeny. Wklejenie powyższego kodu do Twojej strony nie da oczekiwanego rezultatu. Należy pobrać indywidualny klucz i posługiwać się nim na wszystkich podstronach własnego serwisu www. Szczegóły dotyczące regulaminu stosowania Google Maps znajdują się
tu.
Twój indywidualny Klucz Google Maps API należy kopiować do każdego podawanego tu przykładu który chcesz zaimplementować na swojej stronie www. Fikcyjny przykład klucza przedstawiono niżej. W przykładzie 1 klucz znajduje się w liniach
9 i 10, a w przykładzie 2 w liniach 17,18
Podstawowe parametry:
lat, lng, zoom - zmienne (linie 16,17,18 - przyklad 1) określają współrzędne geograficzne i powiększenie fragmentu mapy google.
width, height - parametry (linia 30 - przyklad 1) określające szerokość i wysokość okna z mapą google.
Google Maps - skrypt PHP
Na potrzeby stron wykorzystujących PHP i MySQL przykład 2 przedstawia skrypt z przykładu 1 gdzie parametry lat, lng, zoom, width, height są zmiennymi PHP. W dalszej części ten właśnie skrypt bedzie adoptowany do różnych potrzeb.
ZOBACZ PRZYKŁAD 2
Skopiuj treść z przykładu 2 do pliku mapa.php, wklej swój klucz w linii 17,18.
Informacja Przykłady na tej stronie oparto na kodzie z dokumentacji
Google Maps API opracowanej przez firmę Google.