Примеры стилей

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

Здесь приведены примеры настройки стилей для нескольких элементов.

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

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

  1. В разделе Map Features (Объекты на карте) выберите Road network (Дорожная сеть).

  2. На панели Road Network (Дорожная сеть) в разделе Polyline (Ломаная линия) нажмите на поле Fill color (Цвет заливки).

  3. Выберите светло-желтый цвет, например с шестнадцатеричным кодом #eeeec8.

  4. Нажмите на поле Stroke color (Цвет штриха) и выберите темно-зеленый цвет, например с шестнадцатеричным кодом #155304.

  5. В поле Stroke weight (Толщина штриха) выберите 3 пикселя.

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

Разные цвета воды на разных уровнях масштабирования

Некоторые типы стилей видны только на определенных уровнях масштабирования. Это касается, например, 3D-зданий и объектов инфраструктуры. Добавим стиль, чтобы вода показывалась темно-синим цветом при максимальном уменьшении масштаба (уровень 0), ярко-синим цветом при увеличении до уровня области или региона (уровень масштабирования 6 на ноутбуке) и светло-синим цветом с темно-синим контуром при увеличении до максимального уровня масштабирования (19).

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

  1. В поле Map Features (Объекты карты) выберите Water (Вода).

  2. На панели Water (Вода) в разделе Polyline (Ломаная линия) нажмите поле Fill color (Цвет заливки) и выберите темно-синий цвет.

  3. Нажмите на ромб масштабирования справа от поля Fill color (Цвет заливки), чтобы открыть панель настройки стилей на уровне масштабирования.

  4. Выберите уровень масштабирования 6, затем выберите синий цвет среднего тона.

  5. Выберите уровень масштабирования 19 и измените цвет на светло-синий.

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