Обзор

С помощью функций на основе WebGL для Maps JavaScript API вы можете управлять наклоном и ориентацией, добавлять 3D-объекты на карту и не только. Доступны следующие функции:

  • Режим наложения в WebGL позволяет добавлять на карты пользовательские 2D- и 3D-изображения и анимированный контент.
  • Наклон и ориентацию теперь можно регулировать программно и с помощью мыши и клавиатуры.
  • Метод map.moveCamera() используется для одновременного изменения нескольких свойств камеры.
  • Масштабирование теперь поддерживает дробные значения.

Начало работы

Чтобы использовать новые функции WebGL, необходим идентификатор, связанный с векторной картой. Вам также нужно будет обновить запрос начальной загрузки API в соответствии с инструкциями в этом разделе.

Как создать новый идентификатор карты

Следуйте инструкциям по созданию идентификатора карты в статье Облачные стили карт. Обязательно задайте тип карты JavaScript и выберите вариант Vector (Векторная). Установите флажки Tilt (Наклон) и/или Rotation (Ориентация), чтобы программно менять эти значения. Кроме того, пользователи смогут менять наклон и ориентацию карты непосредственно на ней. Если же это негативно влияет на ваше приложение, снимите флажки Tilt (Наклон) и Rotation (Ориентация). Тогда пользователи не смогут менять эти параметры.

Создание идентификатора векторной карты

Как изменить код инициализации карты

Вам потребуется идентификатор карты. Его можно посмотреть на странице Maps Management (Управление картами). При создании экземпляра карты необходимо указать ее идентификатор с помощью свойства mapId. Вот как это сделать:

map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: -34.397, lng: 150.644},
  zoom: 8,
  mapId: 'MAP_ID'
});

Примеры

Посмотрите, как работают описанные функции: