Przegląd

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:

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 Używanie stylów mapy opartych 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.

Utwórz identyfikator mapy wektorowej

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: