Как настроить стили для уровней масштабирования

Выберите платформу: Android Android 3D iOS iOS 3D JavaScript Веб-сервисы

Эта функция доступна для Android, iOS, JavaScript и Maps Static.

Вы можете выделять объекты на том уровне масштабирования, на котором пользователи просматривают вашу карту. Например, удобно, когда различные учреждения, достопримечательности и дороги становятся заметнее при приближении.

Можно настроить элементы объектов на карте так, чтобы они выглядели одинаково на всех уровнях масштабирования или меняли свой стиль в зависимости от масштаба.

Не все объекты можно настраивать для разных уровней масштабирования. Элементы, для которых такая возможность доступна, отмечены в списке ромбом справа.

Значок ромба, означающий, что вы можете настроить стили на разных уровнях масштабирования

О стилях на уровне масштабирования

Уровни масштабирования варьируются от 0 до 22. На минимальном видно карту всего мира, а на максимальном – небольшой детализированный фрагмент. Ключевым называется уровень масштабирования, на котором вы применили новый стиль.

Стиль объекта для определенного уровня масштабирования будет применяться и для всех более высоких – до того уровня, для которого настроен другой стиль. Для уровня масштабирования 0 всегда применяется текущий стиль.

Например, если настроить стили для уровней масштабирования 5 и 10:

  • стиль уровня масштабирования 5 применяется к уровням масштабирования 5–9.
  • стиль, заданный на уровне масштабирования 10, применяется к уровням масштабирования 10–22;
  • на уровнях масштабирования 0–4 сохраняется текущий стиль.

Стиль, настроенный на определенном уровне масштабирования, переопределяет любые собственные стили объекта, общие для всех уровней.

Переходы между уровнями масштабирования на 3D-картах

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

Например, если вы задали следующие стили на уровне масштабирования:

  • На уровне масштабирования 10 цвет заливки воды – черный.
  • Для уровня масштабирования 11 цвет заливки воды – белый.

При переходе между двумя уровнями масштабирования цвет заливки воды может выглядеть серым, как показано на рисунке ниже.

Цвет заливки воды – черный на уровне масштабирования 10, серый при переходе на уровень 11 и белый на уровне 11.

Как настроить разные уровни масштабирования

  1. В Cloud Console перейдите на страницу Map Styles (Стили карты) и при необходимости выберите проект.

  2. Создайте или откройте стиль карты и нажмите Customize (Настроить). Узнайте, как создать стиль карты.

  3. На панели Map Features (Объекты карты) выберите объект, который нужно настроить. Откроется панель стилей со списком доступных элементов для настройки.

  4. Нажмите на ромб справа от элемента, к которому вы хотите применить стиль на уровне масштабирования.

    Значок ромба, означающий, что вы можете настроить стили на разных уровнях масштабирования

  5. Рядом с полем Current Zoom (Текущий масштаб) выберите уровень масштабирования, на котором вы хотите настроить стиль. Масштаб карты предварительного просмотра изменится в соответствии с выбранным значением.

    Меню со всеми стилями начального масштаба и селектор для текущего уровня масштабирования

  6. Нажмите Add Keyzoom (Добавить ключевой уровень), чтобы добавить новый ключевой уровень масштабирования. При этом будет показано значение по умолчанию для базовой карты.

    На панели "Ключевые уровни масштабирования" появится новый стиль для текущего уровня масштабирования 12 со значением базовой карты по умолчанию.

  7. Настройте стиль на этом уровне масштабирования и, если нужно, на других уровнях масштабирования.

    Настройка нового стиля для уровней масштабирования

  8. Чтобы настроить ещё один уровень масштабирования, измените значение параметра Current Zoom (Текущий масштаб) и снова нажмите Add Keyzoom (Добавить ключевой уровень). Аналогичным образом добавьте и настройте все нужные вам стили.

  9. Когда все будет готово, закройте панель Keyzoom.

Как переопределить значения цвета базовой карты для элемента

Чтобы переопределить все значения цвета базовой карты по умолчанию для элемента на всех уровнях масштабирования, сначала задайте стиль элемента. При добавлении начальных масштабов используется цвет, заданный для элемента, а не цвет базовой карты по умолчанию.

Как сохранить и опубликовать стили на уровнях масштабирования

  1. Чтобы сохранить изменения в стиле карты, нажмите Save (Сохранить).

  2. Чтобы изменения стали видны на картах, идентификаторы которых связаны с вашим стилем, нажмите Publish (Опубликовать).

Как удалить стиль на уровне масштабирования

  1. На панели Map Features (Объекты карты) выберите настроенный объект карты.

  2. Нажмите на ромб справа от элемента стиля. Элементы со стилями на уровне масштабирования отмечены синим ромбом.

    У элемента стиля видимости серый ромб без заливки. Элемент стиля "Цвет заливки" отмечен синим ромбом, что означает, что для него задан собственный стиль на уровне масштабирования.

  3. Чтобы удалить уровень масштабирования, нажмите на значок минуса на панели начального масштаба.

    Значок минуса, нажав на который можно удалить стиль на уровне масштабирования

Как удалить все стили для уровней масштабирования

Если вы хотите удалить все собственные стили для элемента объекта карты, сделайте следующее:

  • На панели стилей нажмите на значок минуса рядом с названием элемента.
  • На панели ключевого кадрирования нажмите на значок сброса рядом с названием элемента.

Как посмотреть подробную информацию о дорогах

Вы можете посмотреть, как будут выглядеть на карте дороги с повышенной детализацией (реалистичная ширина, тротуары, разметка и т. д.) в некоторых городах при уровне масштабирования 17 и выше. Предварительный просмотр нужно включать для каждого сеанса работы с редактором стилей. Эти объекты дорожной сети видны только в SDK или API, которые поддерживают детализацию на уровне дорог. Чтобы использовать их в приложении, обновите связанный SDK или API до версии, которая поддерживает детализацию дорог. Подробнее о версиях API и SDK…

Чтобы включить предварительный просмотр дорог, выполните следующие действия:

  1. В консоли Google Cloud перейдите на страницу Стили карты.

  2. Выберите существующий стиль или нажмите Создать стиль.

  3. Выберите Настроить.

  4. В редакторе стилей нажмите Предварительный просмотр сведений о дорогах.

  5. В диалоговом окне предпросмотра включите параметр Детализация дорог.

Подробные сведения о том, какие элементы дорог можно настраивать, вы найдете в разделе Стиль каких элементов можно задать на карте.

Добавьте стили для уровней масштабирования, чтобы сгладить переход между стилями на уровнях 17 и выше.

На уровнях масштабирования 17 и выше, если включена детализация дорог, объекты дорожной карты исчезают и вместо них появляются объекты карты поверхности. При увеличении масштаба все элементы стиля, примененные к объекту карты "Поверхность", появляются и заменяют объекты и стили карты "Дорога".

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

Например, на уровне масштабирования 16 перечисленные объекты будут выглядеть так:

  • Магистральные улицы выделены красным цветом.
  • Автомагистраль синего цвета.
  • Местные результаты выделены желтым цветом.
  • Поверхность бежевая.

Карта Сиэтла с уровнем масштабирования 16, на которой дороги выделены красным, синим и желтым цветами.

Если увеличить масштаб до уровня масштабирования 17, магистрали, шоссе и местные дороги будут относиться к объекту карты "Поверхность", который оформлен бежевым цветом.

Та же карта Сиэтла с уровнем масштабирования 17. Все дороги теперь бежевого цвета, поскольку они переключились на функцию "Поверхность".

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

Объект карты Уровень масштабирования 0 Уровень масштабирования 12 Уровень масштабирования 17
Магистральная дорога red red бежевый
Шоссе синий синий бежевый
Локальные желтым желтым бежевый

После добавления стилей на уровне масштабирования при увеличении масштаба происходит следующее:

  • На уровнях масштабирования от 0 до 12 для основных, скоростных и местных дорог используется цвет, заданный в собственном стиле.
  • Начиная с уровня масштабирования 12, цвет, заданный стилем, постепенно переходит в бежевый цвет, пока на уровне 17 не станет полностью бежевым в соответствии со стилем объекта карты "Поверхность".

Та же карта Сиэтла, но со стилями на уровнях масштабирования 12 и 17, чтобы синий цвет шоссе переходил в бежевый цвет поверхности.