Создать собственный стиль

  1. Стиль слоя воды
  2. Стиль фонового слоя по уровню масштабирования

Когда редактор стиля впервые открывается с шаблоном базового стиля, карта увеличивается на высоком уровне. Уменьшите масштаб приблизительно до уровня 10, чтобы вы могли видеть больший географический регион. В строке поиска введите Сан-Франциско (или другой регион, в котором вы найдете хорошее сочетание воды, земли и города). Когда редактор стиля впервые открывается с шаблоном базового стиля, карта увеличивается на высоком уровне

Вы начнете с изменения слоев воды и фона, чтобы они соответствовали цветам из руководства по стилю Mapbox.

Стиль слоя воды

Вы стилизуете слой воды с ярко-синим цветом из руководства по стилю Mapbox.

  1. Нажмите на слой воды в списке слоев. Когда панель слоев откроется, нажмите на поле Цвет, если оно еще не выделено.
  2. Поскольку этот слой будет одного цвета независимо от уровня масштабирования, удалите одну из двух остановок, нажав кнопку « Редактировать», а затем выбрав « Удалить остановку» .
  3. Для оставшейся остановки измените цвет на # 314CCD.

Для оставшейся остановки измените цвет на # 314CCD

Стиль фонового слоя по уровню масштабирования

Mapbox Studio позволяет настраивать стили на основе конкретных данных. В этом случае вы будете использовать редактор стилей для изменения цвета фона стиля в зависимости от уровня масштабирования. Используя свойства масштабирования, цвет фона будет постепенно светлее по мере увеличения карты. Чтобы задать стиль фонового слоя по уровню масштабирования:

  1. Нажмите на фоновый слой в списке слоев.
  2. Когда панель слоев откроется, выберите параметр « Цвет», если он еще не выделен.
  3. Вы увидите 2 уровня масштабирования, каждый со своим цветом.
  4. Нажмите « Изменить» рядом с каждой остановкой. Текстовое поле в правом верхнем углу карты - это уровень масштабирования, а текстовое поле в правом нижнем углу - это цвет. Когда вы закончите настройку уровня масштабирования и цвета для определенной остановки, нажмите Готово .

    • Отредактируйте первую остановку так, чтобы уровень масштабирования был 6, а цвет - # A9B6EF.
    • Отредактируйте вторую остановку, чтобы уровень масштабирования был 12, а цвет - # EDF0FD.

Отредактируйте вторую остановку, чтобы уровень масштабирования был 12, а цвет - # EDF0FD

Теперь, когда вы увеличиваете масштаб, цвет фона постепенно меняется с увеличением уровня масштабирования.