Oparte na technologii WebGL funkcje interfejsu Maps JavaScript API pozwalają m.in. kontrolować przechylenie i obrót, dodawać obiekty 3D bezpośrednio do mapy. Oto lista funkcji:
- Widok nakładek WebGL pozwala dodawać do map niestandardowe grafiki 2D i 3D oraz treści animowane.
- Pochylenie i kierunek można teraz regulować automatycznie za pomocą gestów myszy i klawiatury.
- map.moveCamera() pozwala na jednoczesną zmianę wielu właściwości aparatu.
- Powiększenie obsługuje teraz wartości ułamkowe.
Rozpocznij
Aby korzystać z nowych funkcji WebGL, potrzebujesz identyfikatora mapy, który korzysta z mapy wektorowej. Trzeba też 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 w chmurze – uzyskiwanie identyfikatora mapy. Ustaw typ mapy na JavaScript i wybierz opcję Wektor. Zaznacz Kąt nachylenia i/lub Obrót, aby włączyć przechylanie i obrót na mapie. Dzięki temu możesz automatycznie dostosować te wartości, a użytkownicy będą mogli dostosować przechylenie i kierunek bezpośrednio na mapie. Jeśli używanie przechylenia lub kierunku niekorzystnie wpływa na aplikację, nie zaznaczaj opcji Pochylenie i Obrót, aby użytkownicy nie mogli dostosować przechylenia ani obrotu.
Zaktualizuj kod inicjowania mapy
Wymaga to utworzonego przed chwilą identyfikatora mapy. Znajdziesz go na stronie Zarządzanie Mapami. Podaj identyfikator mapy podczas tworzenia instancji mapy przy użyciu właściwości mapId
, jak pokazano poniżej:
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: