Elementy sterujące mapą 3D i przeglądanie

Wybierz platformę: Android iOS JavaScript

Omówienie ustawień

Mapy wyświetlane za pomocą Map 3D w Maps JavaScript API zawierają elementy interfejsu, które nazywamy ustawieniami eksploracji. Umożliwiają one użytkownikom interakcję z mapą. Ustawienia eksploracji są domyślnie wyświetlane w interfejsie mapy, ale można je wyłączyć, aby uprościć interfejs lub zrobić miejsce na niestandardowe ustawienia. Pamiętaj, że gdy ustawienia interfejsu są wyłączone, dostępne są skróty klawiszowe do eksploracji mapy.

Mapy 3D w Maps JavaScript API umożliwiają też prowadzenie użytkowników po mapie za pomocą wstępnie ustawionych ścieżek kamery. Te ścieżki można dostosowywać i łączyć, aby tworzyć bogate środowiska 3D.

Ustawienia eksploracji

Na ilustracji poniżej widać domyślny zestaw ustawień wyświetlanych przez Mapy 3D w Maps JavaScript API:

Obraz mapy z elementami sterującymi

Poniżej znajdziesz pełną listę ustawień w Mapach 3D w JavaScript:

  • Ustawienie powiększenia wyświetla przyciski „+” i „–” do zmiany poziomu powiększenia mapy.
  • Ustawienie przesuwania wyświetla przyciski „←”, „→”, „↑” i „↓” do zmiany środka mapy.
  • Ustawienia obracania umożliwiają zmianę kierunku kamery.
  • Ustawienie pochylenia umożliwia zmianę pochylenia kamery.
  • Ustawienie kompasu wskazuje kierunek północy na kompasie i umożliwia zresetowanie kamery do kierunku północnego.

Poniższy przykładowy kod pokazuje, jak przełączać ustawienia eksploracji:

JavaScript

const map = new Map3DElement({
  center: { lat: 37.819852, lng: -122.478549, altitude: 2000 },
  tilt: 75,
  heading: 330,
  mode: MapMode.SATELLITE,
  defaultUIHidden: true,
});

HTML

<gmp-map-3d
  mode="hybrid"
  range="639.274301042242"
  tilt="64.92100184857551"
  center="34.0768990953219,-118.47450491266041,292.9794737933403"
  heading="-61.02026752077781"
  default-ui-disabled
></gmp-map-3d>

Dalsze kroki