Najlepszy samouczek Baza Map Google W 2024 r. W tym samouczku możesz dowiedzieć się Tworzenie prostych aplikacji Mapy Google,Przykłady,Przykłady analityczne,Dlaczego powinniśmy zadeklarować HTML5 aplikacji?,Dodaj Google Maps API Key,Przykłady,Mapa Właściwości niestandardowe,Gdzie można wyświetlić Mapy Google,Tworzenie obiektu mapy,Przykłady,Ładowanie mapy,
Teraz stwórzmy prosty Google Maps.
Poniżej znajduje się wykres pokazujący Google Maps Londyn:
W powyższym przykładzie tworzymy procesu rozwiązywania mapę Google.
Większość przeglądarek użyć "standardowy model" HTML5 renderowanie stron dokumentu, co oznacza, że aplikacja jest kompatybilna ze wszystkimi popularnymi przeglądarkami.
Ponadto, jeśli nie ma tagu DOCTYPE, przeglądarka użyć trybu promiscuous (tryb dziwactw) do renderowania zawartości strony.
Wskazówka: Należy zauważyć,że niektóre "trybie rozwiązłym" w CSS i nie można korzystać z trybu standardowego. W konkretnej aplikacji, wszystkie muszą dziedziczyć elementów bloku macierzystych w oparciu o procent wielkości. Jeśli nie zostanie określona wielkość modułu w rodzica, wartość domyślna 0 x 0 pikseli. Jeśli chcesz korzystać z procentów, może być zadeklarowany w tagu <style>, co następuje:
Ta mapa pokaż Moduł deklaracja stylu (GoogleMap) powinna być wysokość HTML 100%.
W poniższym przykładzie pierwsza <script> tag muszą być zawarte w Google Maps API:
Google wygenerowany klucz API umieszczone wkluczowych parametrów(key= YOUR_API_KEY).
Parametr Czujnik jest wymagane, parametr jest używany do wskazania, czy aplikacja wykorzystuje czujnik (podobny do nawigacji GPS), aby znaleźć lokalizację użytkownika.Wartości parametrów można ustawić na wartość true lub false.
HTTPS
Jeśli aplikacja jest bezpieczna HTTP (HTTPS: http bezpieczne) aplikacji, można użyć protokołu HTTPS, aby załadować API Map Google:
asynchroniczne ładowanie
Podobnie, możemy również załadować Google Maps API po stronie w pełni załadowany.
W poniższym przykładzie użyto window.onload wdrożyć w pełni załadowany, gdy strona jest ładowana Google Maps. loadScript () Funkcja ta tworzy załadować Google Maps API <script> tag. Również na końcu etykiety do zwrotnego = zainicjować parametry inicjalizacji () będzie wykonywany po API jest w pełni załadowany jako funkcję zwrotną:
Przed inicjowanie mapę, musimy utworzyć obiekt na mapie, aby zdefiniować właściwości nieruchomość na mapie:
Center (Centrum)
Centrum atrybut określa środek mapy, które za pomocą współrzędnych (szerokość, długość), aby utworzyć centralny punkt na mapie.
Powiększenie (zoom Series)
Obiekt zoom zoom Mapa określa liczbę etapów. zoom: 0 pokazać pełnej skali całą mapę Ziemi.
MapTypeId (początkowa typu mapa)
mapTypeId Atrybut type określa wstępną mapę.
mapTypeId obejmuje następujące cztery typy:
Zwykle stosowany w Google Maps <div>:
Uwaga: wielkość mapie będą div ustawić, aby pokazać rozmiar mapy, dzięki czemu możemy ustawić rozmiar mapie w <div>.
Powyższy kod używa parametru (mapProp) w elemencie <div> (id jest GoogleMap) tworzy nową mapę.
Wskazówka: Jeśli chceszutworzyć wiele stron map, trzeba tylko dodać nową obiekty mapy może być.
Poniższy przykład definiuje cztery mapy instancji (mapy za pomocą czterech różnych rodzajów map):
okno na mapie, aby zainicjować obiektu po załadowaniu przez wykonywanie funkcji initialize (), która gwarantuje, że strona jest w pełni załadowany przed załadowaniem Mapy Google: