Как работать с редактором стилей карт

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

Узнайте, как пользоваться редактором Map Styles (Стили карт) в Google Cloud Console.

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

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

Страницы стилей карты

Если выбрать стиль на главной странице Map Styles, откроется страница с названием, описанием и изображением этого стиля. Здесь можно настроить, переименовать, скопировать или удалить стиль, а также связать с ним идентификаторы карт. С одним стилем может быть связано несколько идентификаторов карт (например, по одному для приложения Android, iOS и веб-приложения), но с идентификатором карты может быть связан только один стиль.

Элементы управления

Основные характеристики стиля можно настроить с помощью элементов управления, которые расположены справа в верхней части окна. Доступные элементы управления отображаются темно-синим цветом, а остальные  – светло-серым.

Подробный скриншот, на котором показаны четыре элемента управления для настройки параметров стилей карт: "Отменить", "Повторить", "Сохранить" и "Опубликовать". Активные элементы управления "Отменить" и "Сохранить" отображаются на скриншоте более темным цветом, а светло-серые элементы "Повторить" и "Сохранить" недоступны для использования.

Элемент управления Undo (Отменить) становится доступным после первого внесенного изменения. Элемент управления Redo (Повторить) активируется после первой отмены действия в текущем сеансе редактирования стиля. Оба эти элемента управления остаются доступными до момента сохранения стиля или завершения сеанса Cloud Console.

Элемент управления Publish (Опубликовать) становится доступным после первого сохранения (когда появляется первый черновик).

История версий

Как только вы настроите и сохраните стиль, появится новая версия, которую можно будет просмотреть, восстановить или скопировать. Для работы с версиями стилей используйте панель Version History (История версий).

Скриншот панели "История версий" в Google Cloud Console. Над панелью расположены кнопки "Сохранить" и "Опубликовать", в нижней части панели – кнопки "Восстановить" и "Скопировать", в основной части панели – списки "Черновики" и "Опубликованные версии".

Чтобы посмотреть все версии определенного стиля, выполните следующие действия:

  1. Перейдите на страницу Map Styles (Стили карты).
  2. Выберите нужный стиль.
  3. Нажмите Customize Style (Настроить стиль).
  4. Выберите Settings > Version History (Настройки > История версий).

В правой верхней части экрана находятся кнопки Save и Publish. Они неактивны, пока открыта панель Version History. В нижней части панели Version History находятся кнопки Restore (Восстановить) и Duplicate (Скопировать) для операций с выбранной версией.

Есть два типа сохраненных версий стиля, которые отображаются в разных списках:

  • Черновики
    • Если вы внесете изменения, но не сохраните стиль, изменения не сохранятся.
      Версии с несохраненными изменениями нельзя ни восстановить, ни скопировать. Они теряются при закрытии вкладки браузера и завершении сеанса в Cloud Console.
    • Если вы нажмете Save, будет создана датированная версия. Сохраненные черновики нельзя использовать в приложениях, пока вы не опубликуете их.
  • Опубликованные версии
    • Если вы создадите новый, скопируете существующий стиль или импортируете стиль JSON, он будет автоматически опубликован.
    • При нажатии кнопки Publish (Опубликовать) создается датированная версия, которую можно использовать в приложениях. Если идентификатор карты в приложении связан с этим стилем, то для карты будет использована его последняя опубликованная версия.

Предыдущую версию можно посмотреть, но нельзя изменить. Если вы хотите снова применить или изменить сохраненную или опубликованную версию, то ее нужно восстановить (сделать активной версией) или скопировать и создать на ее основе новый стиль.

Если в момент восстановления версии у вас будут несохраненные изменения, то они автоматически сохранятся новой датированной версией черновика.

Объекты и элементы

Если выбрать Feature Type (Тип объекта) на левой панели редактирования, откроется панель Element Type (Тип элемента) с доступными вариантами редактирования этого объекта. Большинство редактируемых элементов объектов относятся к разделам Geometry (Геометрия) (цвет и контур) и Labels (Ярлыки) (текст и значки).

Если выбрать один из вариантов на панели Element Type (Тип элемента), откроется панель Stylers (Параметры стилей) с вариантами редактирования этого элемента.

Скриншот трех панелей редактора элементов в редакторе стилей карт. Выбраны тип элемента "Шоссе" и тип элемента "Контур". Установлен флажок "Настройка для разных уровней", а над ползунком масштабирования показаны две синие точки, обозначающие два уровня масштабирования с добавленными настройками.

Чтобы удалить стили для какого-либо объекта, снимите все флажки на панели Stylers (Параметры стилей) для каждого элемента.

Уровни масштабирования

С помощью панели Stylers вы можете применять отдельные настройки стиля к отдельным уровням масштабирования. Ознакомьтесь с примерами применения разных элементов для разных уровней.

Многие элементы или стили отображаются на карте только при определенном масштабе. Например, 3D-модели здания не будут видны, когда на карте показан город, а название страны исчезнет, если приблизить карту настолько, что станет видна местная дорожная сеть. Стили дорог применяются, только когда видны сами дороги, а элементы стиля дорог (контуры, надписи) — только при достаточном для их просмотра увеличении.

Выбор цвета

Выбирать цвет элементов можно с помощью визуальной палитры или применяя коды RGB, HSV или шестнадцатеричные коды.

Подробный скриншот с изображением палитры. Сверху расположен прямоугольный селектор насыщенности и подсветки, а затем идет маленький и узкий селектор тона, где отображается спектр от красного, фиолетового, синего, зеленого, желтого и оранжевого. Ниже находятся числовые поля для ввода значений цветов, а под ними расположена панель, которая позволяет выбрать тип значений для ввода: RGB, HSL или шестнадцатеричные коды.

Советы по работе с редактором стилей

  • Создайте "тестовую среду для стиля", в которой можно будет настраивать и отлаживать стили элементов для всех уровней масштабирования, прежде чем скопировать подходящие в "рабочий" стиль карты.
  • При первом использовании редактора стилей карт добавляйте стили только для элементов геометрии верхнего уровня или для заливки и контура, но не для того и другого сразу. То же относится и к тексту: изменяйте стиль текста верхнего уровня для всего ярлыка или отдельно стиль заливки и контура, но не оба этих стиля. Настройка стиля элемента на всех уровнях может оказаться сложным делом, особенно если вы изменяете стиль и заливки, и контура, или добавляете несколько стоп-уровней масштабирования.
  • Увеличивайте и уменьшайте масштаб, чтобы увидеть, как ваши стили выглядят на различных уровнях масштабирования.