Oparte na technologii WebGL funkcje Maps JavaScript API pozwalają kontrolować przechylenie i obrót, dodawać obiekty 3D bezpośrednio do mapy i nie tylko. dostępne są te funkcje:
- Widok nakładki WebGL umożliwia dodanie do map niestandardowej grafiki 2D i 3D oraz treści animowanych.
- Pochylanie i kierowanie można teraz automatycznie dostosowywać za pomocą myszy i klawiatury. gestami.
- map.moveCamera() pozwala na jednoczesną zmianę kilku właściwości kamery.
- Powiększenie obsługuje teraz wartości ułamkowe.
Rozpocznij
Aby korzystać z nowych funkcji WebGL, potrzebujesz identyfikatora mapy, w którym użyto parametru mapę wektorową. Musisz też wykonać te czynności: zaktualizować żądanie wczytywania interfejsu API. Z tej sekcji dowiesz się, jak to zrobić.
Tworzenie nowego identyfikatora mapy
Aby utworzyć nowy identyfikator mapy, wykonaj czynności opisane w artykule Używanie stylu mapy opartego na chmurze – uzyskaj identyfikator mapy. Ustaw typ mapy na JavaScript i wybierz Wektor. . Zaznacz Kąt nachylenia i/lub Obrót, aby włączyć przechylanie i obrót mapy. Pozwala to automatycznie dostosować te wartości. umożliwia użytkownikom dostosowanie pochylenia i kierunku jazdy bezpośrednio na mapie. Jeśli funkcja przechylania lub może negatywnie wpłynąć na aplikację, więc pozostaw parametry Pochylenie i Obrót wyłączone. zaznaczono, więc użytkownicy nie będą mogli dostosowywać przechylenia ani obrotu.
Zaktualizuj kod inicjowania mapy
Wymaga to utworzonego przed chwilą identyfikatora mapy. Znajdziesz ją na
Mapy
Zarządzanie. Podaj identyfikator mapy podczas tworzenia instancji mapy za pomocą
Właściwość mapId jak tutaj:
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});
Przykłady
Oto przykłady ilustrujące te funkcje: