Управление 3D-картой и ее изучение

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

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

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

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

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

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

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

Ниже приведен список всех элементов управления, которые вы можете использовать на своих 3D-картах в 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>

Дальнейшие действия