Oparte na technologii WebGL funkcje Maps JavaScript API pozwalają sterować przechylaniem i obrotem, dodawać obiekty 3D bezpośrednio do mapy i korzystać z innych funkcji. Dostępne są te funkcje:
- Widok nakładki WebView umożliwia dodawanie do map własnych grafik 2D i 3D oraz treści animowanych.
- Przechylanie i kierunek można teraz regulować programowo – za pomocą gestów myszy i klawiatury.
- map.moveCamera() umożliwia jednoczesną zmianę wielu właściwości kamery.
- Powiększenie obsługuje teraz wartości ułamkowe.
Rozpocznij
Aby korzystać z nowych funkcji WebGL, potrzebujesz identyfikatora mapy korzystającej z mapy wektorowej. Musisz też zaktualizować swoje żą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 Google Cloud – uzyskiwanie identyfikatora mapy. Pamiętaj, by ustawić typ mapy na JavaScript i wybrać opcję Wektor. Zaznacz Przechylanie lub Obrót, aby włączyć przechylanie i obracanie mapy. Pozwoli Ci to automatycznie dostosowywać te wartości, a także pozwoli użytkownikom dostosować przechylenie i kierunek bezpośrednio na mapie. Jeśli używanie pochylenia lub nagłówka będzie miało negatywny wpływ na aplikację, pozostaw pola Przechylenie i Obrót niezaznaczone, aby użytkownicy nie mogli dostosowywać przechylania i obrotu.
Zaktualizuj kod inicjowania mapy
Wymaga to identyfikatora mapy, który właśnie utworzono. Znajdziesz go na stronie Zarządzanie Mapami. Podaj identyfikator mapy podczas tworzenia wystąpienia mapy za pomocą właściwości mapId
, jak pokazano 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, które potwierdzają te funkcje: