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

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

Для работы с облачными стилями карт в Android необходимо перейти на новое средство отрисовки Maps SDK для Android. Следуйте этим инструкциям.

Эта функция доступна для 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. На панели Map Features (Объекты карты) выберите настроенный объект карты.

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.