Настройте 3D-карты

Вы можете настроить внешний вид 3D-базовой карты, используя стили облачных карт.

Благодаря облачному стилю карт вы можете управлять внешним видом и коммуникацией с пользователями. Управляя такими функциями, как плотность точек интереса (POI), удаление определённых категорий POI и изменение заливки или обводки объектов, вы можете создать карту, адаптированную для ваших пользователей.

Облачные стили карт позволяют редактировать их без написания кода в консоли Google Cloud. Изменения, внесённые в стиль в консоли карт, автоматически отобразятся в вашем приложении.

В следующем примере показана карта, на которой используется пользовательский стиль для изменения цвета значков и текста объектов отдыха на оранжевый: 

async function initMap() {
    const { Map3DElement } = await google.maps.importLibrary("maps3d");
    const map = new Map3DElement({
        center: { lat: 37.75183154601466, lng: -119.52369070507672, altitude: 2200 },
        tilt: 67.5,
        heading: 108.94057782079429,
        range: 6605.57279990986,
        mapId: 'bcce776b92de1336e22c569f',
        mode: 'HYBRID',
        gestureHandling: "COOPERATIVE"
    });
    document.body.append(map);
}
initMap();
index.js

Обзор

Процесс настройки 3D-карт с использованием облачных стилей карт такой же, как и для 2D-карт:

1 Создать идентификатор карты Создайте идентификатор карты . Идентификаторы карт передаются в приложение для управления стилями. На последующих шагах вы свяжете пользовательский стиль с этим идентификатором карты.
2 Создайте стиль карты на основе облака На этом этапе необходимо выбрать «3D Hybrid» и использовать «светлый режим».
3 Свяжите свой стиль карты с картой Свяжите свой стиль с идентификатором карты, созданным на первом этапе.
4 Добавьте идентификатор карты в свое приложение Укажите идентификатор карты в коде с помощью параметра map-id .
5 Опубликовать идентификатор карты Обратите внимание, что изменения в вашем пользовательском стиле автоматически включаются в ваше приложение после публикации.

Подробные сведения о создании стилей карт см. в статье Создание и использование стилей карт .

Ограничения

При использовании облачных стилей карт с 3D-картами в JavaScript-коде Карт следует учитывать определенные ограничения:

  • Темный режим не поддерживается.
  • Функции, поддерживаемые Map ID, такие как стилизация на основе данных, не поддерживаются.