Przegląd

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:

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.

Utwórz identyfikator mapy wektorowej

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: