Функции WebGL для Maps JavaScript API позволяют управлять наклоном и вращением, добавлять 3D-объекты непосредственно на карту и многое другое. Включены следующие функции:
- Просмотр наложения WebGL позволяет добавлять на карты пользовательскую 2D- и 3D-графику и анимированный контент.
- Наклон и заголовок теперь можно регулировать программно, а также с помощью жестов мыши и клавиатуры.
- Map.moveCamera() позволяет одновременно изменять несколько свойств камеры.
- Zoom теперь поддерживает дробные значения .
Начать
Чтобы использовать новые функции WebGL, вам понадобится идентификатор карты , использующий векторную карту . Вам также потребуется обновить запрос на загрузку API. В этом разделе показано, как это сделать.
Создайте новый идентификатор карты
Чтобы создать новый идентификатор карты, выполните действия, описанные в разделе Использование облачных стилей карты — получение идентификатора карты . Обязательно установите тип карты на JavaScript и выберите параметр «Вектор» . Установите флажок «Наклон и/или вращение» , чтобы включить наклон и вращение на карте. Это позволит вам программно корректировать эти значения, а также позволит пользователям регулировать наклон и направление непосредственно на карте. Если использование наклона или заголовка отрицательно повлияет на ваше приложение, оставьте флажок «Наклон и вращение» снятым, чтобы пользователи не могли регулировать наклон и вращение.
Обновите код инициализации карты.
Для этого требуется идентификатор карты, который вы только что создали. Его можно найти на странице управления картами . Укажите идентификатор карты при создании экземпляра карты с помощью свойства mapId , как показано здесь:
map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8, mapId: 'MAP_ID' });
Примеры
Были предоставлены примеры для демонстрации этих функций: