Управление и исследование 3D-карты

Выберите платформу: Android iOS JavaScript

Обзор элементов управления

Карты, отображаемые через 3D-карты в JavaScript API Maps, содержат элементы пользовательского интерфейса, известные как элементы управления исследованием , для поддержки взаимодействия пользователя с картой. Элементы управления исследованием отображаются в пользовательском интерфейсе карты по умолчанию, но их можно отключить для упрощения или для освобождения места для пользовательских элементов управления. Обратите внимание, что сочетания клавиш для исследования карты доступны, даже если элементы управления пользовательского интерфейса отключены.

В API Maps JavaScript 3D-карты также поддерживают навигацию пользователей по карте с помощью предустановленных траекторий движения камеры. Эти траектории можно настраивать и комбинировать для создания насыщенных 3D-эффектов.

Элементы управления исследованием

На следующем изображении показан стандартный набор элементов управления, отображаемых 3D-картами в JavaScript API Maps:

Изображение карты с отображаемыми элементами управления.

Ниже приведён полный список элементов управления трёхмерными картами в Maps JavaScript:

  • В панели управления масштабированием отображаются кнопки «+» и «-» для изменения уровня масштабирования карты.
  • В панели управления «Перемещение» отображаются кнопки «←», «→», «↑» и «↓» для изменения центра карты.
  • Элементы управления поворотом позволяют изменять направление камеры.
  • Функция регулировки наклона позволяет изменять угол наклона камеры.
  • Панель управления компасом показывает направление на север по компасу и позволяет перенастроить камеру на северное направление.

Следующий пример кода демонстрирует переключение элементов управления исследованием:

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>

Следующие шаги