Funkcje interfejsu Maps JavaScript API oparte na WebGL umożliwiają m.in. kontrolowanie pochylenia i obrotu oraz dodawanie obiektów 3D bezpośrednio na mapie. Obejmuje ona te funkcje:
- Widok nakładki WebGL umożliwia dodawanie do map niestandardowych grafik 2D i 3D oraz animowanych treści.
- Pochylenie i kierunek można teraz dostosować programowo oraz 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, który korzysta z mapy wektorowej. Musisz też zaktualizować prośbę o bootstrapowanie 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 Korzystanie z dostosowywania stylu map przez konsolę Cloud – 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 będziesz mieć możliwość programowego dostosowywania tych wartości, a użytkownicy będą mogli zmieniać pochylenie 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 identyfikatora mapy, który został przez Ciebie utworzony. Znajdziesz go na stronie Zarządzanie Mapami. Podczas tworzenia wystąpienia mapy za pomocą właściwości mapId podaj identyfikator mapy w ten sposób:
map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8, mapId: 'MAP_ID' });
Przykłady
Poniżej znajdziesz przykłady, które pokazują działanie tych funkcji: