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

Выберите платформу: 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 цвет заливки воды – белый.

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

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

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

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

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

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

   

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

   

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

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

   

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

   

   Примечание. Стиль применяется к выбранному и более высоким уровням масштабирования. В рассматриваемом примере для параметра Fill color (Цвет заливки) на уровнях масштабирования от 12 до 22 будет использоваться черный цвет (в соответствии с текущем стилем элемента), на уровнях от 0 (весь мир) до 9 – синий, а на уровнях 10 и 11 – светло-синий.

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

9. По завершении закройте панель настройки стилей.

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

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

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

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

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

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

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

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

   

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

   

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

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

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

Просмотр подробных сведений о дорогах

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

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

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

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

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

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

5. В окне предварительного просмотра включите параметр Сведения о дорогах.

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

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

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

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

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

• Артериальная кровь красная.
• Шоссе – синим.
• Местные – желтым.
• Поверхность бежевая.

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

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

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

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

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

Внимание! Интерполяция объектов не поддерживается для растровых карт, поэтому вы можете сглаживать переходы между стилями только для мобильных приложений или приложений, использующих векторные карты JavaScript.