Создание стилей и стилевых слоёв

Чтобы настроить внешний вид карты в Редакторе стилей, создайте стиль, а затем настройте в рамках него стилевые слои. Вы можете не только настраивать существующие слои, но и добавлять новые слои.

Создание стиля

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

Из базового стиля

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

Доступны стили для веб-приложений (MapGL JS API) и мобильных приложений (мобильный SDK) в дневной и ночной теме. В каждом стиле есть более 200 готовых слоёв.

Чтобы создать стиль из шаблона:

1. Откройте Редактор стилей.

2. В списке шаблонов стилей выберите готовый шаблон.

   

3. Внесите изменения в базовый стиль.

Стиль автоматически сохранится как новый и отобразится в блоке Мои стили.

С нуля

Вы можете настроить собственный стиль с нуля, создав в нём нужные слои.

Чтобы создать стиль с нуля:

1. Откройте Редактор стилей.

2. В списке стилей выберите Новый.

   

3. Выберите тип карты, для которой создаётся стиль:

   • MapGL JS API — для веб-приложений;
   • Мобильный SDK — для мобильных приложений.

4. Нажмите Создать.

5. Добавьте стилевые слои: см. инструкцию Добавление слоя.

Стиль автоматически сохранится как новый и отобразится в блоке Мои стили.

Из копии собственного стиля

Чтобы создать новый стиль из копии созданного вами стиля:

1. Откройте Редактор стилей.

2. В блоке Мои стили в карточке нужного стиля нажмите значок и выберите Дублировать.

   

Стиль автоматически сохранится как новый и отобразится в блоке Мои стили.

Из копии стиля другого пользователя

Чтобы скопировать стиль другого пользователя:

1. Запросите у владельца проекта ссылку для копирования стиля: см. инструкцию Поделиться ссылкой на стиль.

2. Перейдите по ссылке.

3. Нажмите Создать копию в верхнем меню.

   

Стиль автоматически сохранится как новый и отобразится в блоке Мои стили.

Добавление слоя

Стандартные слои

1. Откройте Редактор стилей.

2. В блоке Мои стили выберите нужный стиль.

3. В разделе Слои нажмите значок .

   

4. Выберите тип слоя (например полигон, линия, точка). Тип определяет внешний вид слоя и данные для настройки.

5. Выберите данные для слоя. В каждом типе слоя доступны определённые наборы данных карты. Например, для слоя с линиями будут доступны разные данные улиц, а для слоя с полигонами — области, кварталы, здания.

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

Новый слой автоматически добавится в стиль.

Динамические слои

Динамический слой позволяет настроить внешний вид элементов, которые рисуются поверх карты, например градиентные линии для визуализации пробок на дорогах или маркеры местоположения пользователя. Вы можете добавить динамический слой только для карт с типом Мобильный SDK.

Динамические слои доступны для настройки, но не отображаются на карте в Редакторе стилей. Динамические слои можно посмотреть только в собранном мобильном приложении или в демо-приложении.

1. Откройте Редактор стилей.

2. В блоке Мои стили выберите нужный стиль.

3. В разделе Слои нажмите значок .

   

4. Включите опцию Динамические слои.

5. Выберите тип слоя (например градиентная линия, круг в плоскости карты). Тип определяет внешний вид слоя и данные для настройки.

6. Выберите данные для слоя. В каждом типе слоя доступны определённые наборы данных карты.

7. Укажите остальные настройки слоя (например масштаб, видимость, стиль). Доступные настройки зависят от типа слоя.

Новый динамический слой автоматически добавится в стиль.

Что дальше?

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