Примеры стилизации для уровней масштабирования

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

Здесь приведено несколько примеров стилизации сложных элементов с различными уровнями масштабирования. Некоторые типы стилизации элементов, например 3D-здания или объекты инфраструктуры (POI), могут быть видимы только при определенных уровнях масштабирования.

Желтые дороги с зелеными контурами

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

  1. На панели Features (Объекты) выберите объект Roads (Дороги). Откроется панель Element Type (Тип элемента).
  2. На панели Element Type (Тип элемента) в разделе Geometry (Геометрия) выберите тип элемента Fill (Заливка). Откроется панель Stylers (Параметры стилей).
  3. На панели Stylers (Параметры стилей) выберите светло-желтый цвет (например, с шестнадцатеричным кодом #eeeec8).
  4. На панели Element Type (Тип элемента) в разделе Geometry (Геометрия) выберите тип элемента Stroke (Контур).
  5. На панели Stylers (Параметры стилей) выберите темно-зеленый цвет (например, с шестнадцатеричным кодом #155304).
  6. На панели Stylers (Параметры стилей) установите для параметра Stroke Width (Толщина контура) значение 3.

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

Вид здания

Показывать все здания средне-темно-красным.

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

  1. На панели Features (Объекты) выберите объект Buildings (Здания). Откроется панель Element Type (Тип элемента).
  2. На панели Element Type (Тип элемента) выберите стиль зданий Footprints (Проекция).
    Если требуется, чтобы стиль карты включал 3D-здания, выберите 3D и на этом остановитесь. При добавлении цвета к зданиям все настройки 3D-изображения отменяются.
  3. На панели Element type (Тип элемента) выберите All (Все). Откроется панель Stylers (Параметры стилей).
  4. На панели Stylers (Параметры стилей) выберите средне-темно-красный цвет (например, с шестнадцатеричным кодом #c23a00). Все здания на карте будут показаны красным.
Два скриншота карты с пользовательским стилем, увеличенной до уровня масштабирования 19. Слева здания показаны в трехмерном виде с легкими тенями по некоторым сторонам. Справа здания окрашены в темно-красный цвет без объема или теней.

Различные цвета воды

Добавим стиль, чтобы вода показывалась темно-синим цветом при максимальном уменьшении масштаба (z0), средне-синим цветом при увеличении до уровня области или региона (уровень масштабирования 6 на ноутбуке) и светло-синим цветом с темно-синим контуром при увеличении до максимального уровня масштабирования (z19). Два скриншота карты с пользовательским стилем. Слева показана суша, окруженная водой средне-темно-синего цвета. Справа показана та же область карты, увеличенная на один уровень. Синий цвет воды стал немного светлее, чем на карте слева.

  1. На панели Features (Объекты) выберите объект Water (Вода). Откроется панель Element Type (Тип элемента).
  2. Установим самый темный цвет воды при максимальном масштабе.
    1. На панели Element type (Тип элемента) выберите Geometry (Геометрия). Откроется панель Stylers (Параметры стилей).
    2. На панели Stylers (Параметры стилей) выберите темно-синий цвет.
    3. Установите флажок Customize across zooms (Настройка для разных уровней) и флажок Add Stop: (Добавить стоп:) для уровня z0.
  3. Измените цвет воды на средне-синий, начиная с уровня масштабирования 6.
    1. На панели Stylers (Параметры стилей) переместите ползунок уровня масштабирования вправо до уровня z6.
    2. Установите флажок Add Stop: (Добавить стоп:) для уровня z6.
    3. Выберите средне-синий цвет.
  4. Измените цвет воды на светло-синюю заливку с темно-синим контуром толщиной 2 при уровне масштабирования 19.
    1. На панели Stylers (Параметры стилей) переместите ползунок уровня масштабирования вправо до уровня z19.
    2. На панели Element Type (Тип элемента) в разделе Geometry (Геометрия) выберите Fill (Заливка).
    3. На панели Stylers (Параметры стилей) установите флажок Customize across zooms (Настройка для разных уровней) и флажок Add Stop: (Добавить стоп:) для уровня z19.
    4. Выберите светло-синий цвет.
    5. На панели Element Type (Тип элемента) в разделе Geometry (Геометрия) выберите Stroke (Контур).
    6. Установите флажок Customize across zooms (Настройка для разных уровней) и флажок Add Stop: (Добавить стоп:) для уровня z19.
    7. Выберите темно-синий цвет.
    8. На панели Stylers (Параметры стилей) переместите ползунок вправо, чтобы установить для параметра Stroke Width (Толщина контура) значение 2.

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