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.
- Zoom obsługuje teraz wartości ułamkowe.
Rozpocznij
Aby korzystać z nowych funkcji WebGL, musisz mieć identyfikator mapy, który używa 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 Pochylenie lub Obrót, aby włączyć pochylenie 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 korzystanie z funkcji nachylenia lub orientacji będzie miało negatywny wpływ na Twoją aplikację, pozostaw pola Nachylenie i Orientacja niezaznaczone, aby użytkownicy nie mogli ich zmieniać.
Aktualizowanie kodu inicjalizacji mapy
Wymaga to identyfikatora mapy, który właśnie utworzysz. 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ą, jak działają te funkcje: