Стили#

Стили служат для описания способов визуализации геоданных и являются одним из ресурсов NextGIS Web. Именно стиль добавляется на карты для представления на ней геоданных.

Стиль связан с конкретным слоем, поэтому пункта «Стиль» в основном списке ресурсов нет. Для создания стиля необходимо сначала зайти в ресурс слоя, для которого он создаётся.

Для векторного слоя можно создать стиль:

Для растрового слоя можно создать стиль:

  • по умолчанию;

  • из файла - в формате QML или SLD;

  • пользовательский - задав настройки каналов в интерфейсе;

  • создав копию другого ресурса стиля.

Примеры стилей можно посмотреть в нашей Галерее картографических стилей. Посмотреть видео о ней можно на YouTube, RuTube.

Форматы#

Сейчас NextGIS Web поддерживает две библиотеки рендеринга: QGIS и Mapserver.

  • У стиля QGIS гораздо больше настроек и несколько варинатов содания.

  • Стиль Mapserver можно писать в текстовом виде.

Векторный стиль QGIS#

Зайдите в ресурс слоя, для которого хотите создать стиль.

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

../../_images/default_style_select_ru_2.png

Рис. 519. Создание стиля QGIS по умолчанию#

Если вы хотите настроить создаваемый стиль, то нажмите кнопку Создать ресурс и выберите тип ресурса «Векторный стиль QGIS» (см. Рис. 520.).

../../_images/ngweb_create_QGIS_style_ru.png

Рис. 520. Выбор стиля QGIS#

После выбора «Векторный стиль QGIS» откроется диалог создания ресурса.

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

Пользовательский стиль QGIS#

Если вы хотите самостоятельно создать простой векторный стиль, выберите в выпадающем меню «Пользовательский стиль». Доступные настройки зависят от типа геометрии слоя. Можно настроить:

  • Форму символа (для точечных слоев): круг, квадрат, треугольник, звезда, крест;

  • Размер символа (для точечных слоев). Можно ввести с клавиатуры или увеличить/уменьшить стрелочками;

  • Ширину контура;

  • Цвет и прозрачность заливки и контура. Можно выбрать пипеткой, настроить ползунками или ввести значения в системе HEX, HSB или RGB;

  • Характер линии/контура полигона: сплошная линия, пунктир, точечный пунктир, переменный пунктир (можно настроить комбинацию из штрихов и пропусков разной длины);

  • Простые подписи (настройки появляются при активации флажка «Подписи «): размер в пикселях, цвет и поле, из которого берётся текст подписи.

../../_images/QGIS_style_custom_ru_3.png

Рис. 521. Настройка пользовательского стиля для точечного слоя#

../../_images/QGIS_style_custom_line_ru_2.png

Рис. 522. Настройка пользовательского стиля для слоя линий#

../../_images/QGIS_style_custom_polygon_ru_3.png

Рис. 523. Настройка пользовательского стиля для слоя полигонов#

../../_images/QGIS_style_custom_label_ru.png

Рис. 524. Настройка подписей для пользовательского стиля#

На вкладке «Ресурс» вы можете задать пользовательское наименование стиля. Можно также ввести описание и метаданные на соответствующих вкладках. Настройки тайлового кэша подробно описаны в данном разделе.

Задав нужные параметры, нажмите на кнопку «Создать». После обработки запроса откроется окно ресурса QGIS стиля (см. Рис. 525.).

../../_images/svg_res_style_ru.png

Рис. 525. Созданный ресурс QGIS стиля#

Процесс создания пользовательского стиля также представлен на видео:

Смотреть на YouTube, RuTube.

Созданный стиль QGIS можно редактировать.

Стиль QGIS из файла#

Для того, чтобы загрузить готовый стиль, на вкладке Стиль QGIS необходимо выбрать QML-файл стиля на устройстве или перетащить его в эту область (см. Рис. 526.).

../../_images/QGIS_style_upload_ru_21.png

Рис. 526. Загрузка файла QML#

На вкладке «Ресурс» вы можете задать пользовательское наименование стиля. Можно также ввести описание и метаданные на соответствующих вкладках. Настройки тайлового кэша подробно описаны в данном разделе.

После загрузки файла QML нажмите на кнопку «Создать». После обработки запроса откроется окно ресурса QGIS стиля (см. Рис. 527.).

../../_images/svg_res_style_ru.png

Рис. 527. Созданный ресурс QGIS стиля#

Загруженный файл QML стиля можно заменить.

Копирование стиля из другого слоя#

Вы можете использовать стиль, уже созданный в Веб ГИС для другого слоя. Для этого выберите в выпадающем меню Скопировать из ресурса.

Нажмите на поле «Источник» и выберите нужный ресурс стиля.

../../_images/style_from_resource_ru.png

Рис. 528. Создание стиля путём копирования существующего#

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

Будет создан стиль, полностью повторяющий выбранный.

Создание стиля с помощью ИИ#

В NextGIS Web есть возможность создать стиль, просто описав его словами. Для этого нажмите на кнопку Сгенерировать с AI. В открывшемся окне опишите простыми словами нужный стиль и нажмите Сгенерировать.

../../_images/style_generate_ai_ru.png

Рис. 529. Описание стиля для генерации искусственным интеллектом#

Будет создан QML-файл с соответствующими параметрами.

../../_images/style_generate_ai_result_ru.png

Рис. 530. Сгенерированный векторный стиль QGIS для точечного слоя#

Этот стиль можно при необходимости редактировать в QGIS и синхронизировать изменения с Веб ГИС с помощью модуля NextGIS Connect.

SVG-маркеры#

Для добавления своего значка в стиль для слоя NextGIS Web есть следующие варианты:

  1. В QGIS встроить файл в стиль или указать полный путь к нему в свойствах маркера. При загрузке в Веб ГИС с помощью модуля NextGIS Connect полные пути будут также преобразованы во встроенные файлы.

Посмотреть видео на YouTube, RuTube.

  1. Разместить файл маркера в интернете и поставить его URL в качестве пути к значку SVG.

Библиотека маркеров SVG#

Ресурс позволяет создавать отдельные библиотеки SVG-иконок (маркеров) для их последующего отображения на веб-карте с помощью QGIS стилей векторных слоев.

Если ранее вы пользовались библиотекой маркеров, вы можете преобразовать стиль, созданный с её помощью, в обычный стиль со встроенными маркерами.

  1. Экспортируйте маркеры из Библиотеки маркеров SVG. Для этого на странице ресурса нажмите Экспорт. Маркеры будут сохранены в виде ZIP-архива. Распакуйте этот архив в отдельную папку.

  2. В ту же папку сохраните стиль векторного слоя в формате QML.

  3. Запакуйте маркеры и стиль в архив ZIP (все файлы должны лежать в корне архива!) и обработайте онлайн-инструментом Добавление SVG в QGS/QML. На выходе вы получите стиль со встроенными маркерами.

  4. В Веб ГИС добавьте к слою новый стиль или обновите существующий. Это можно сделать заменив файл стиля в веб-интерфейсе или в QGIS.

Редактирование стиля QGIS#

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

../../_images/QGIS_style_select_edit_ru.png

Рис. 531. Вызов окна редактирования#

В открывшемся окне вы можете заменить стиль, загрузив новый со своего устройства. Для этого нужно на вкладке «Стиль QGIS» в выпадающем меню выбрать «Стиль из файла» и затем добавить файл QML или SLD и нажать Сохранить.

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

Для этого на вкладке «Стиль QGIS» в выпадающем меню выберите «Пользовательский стиль». Вы можете настроить:

  • Форму символа (круг, квадрат, треугольник, звезда, крест)

  • Размер символа и ширину контура (можно ввести с клавиатуры или увеличить/уменьшить стрелочками)

  • Цвет и прозрачность заливки и контура (можно выбрать пипеткой, настроить ползунками или ввести значения в системе HEX, HSB или RGB)

../../_images/QGIS_style_custom_edit_ru.png

Рис. 532. Редактирование маркера векторного стиля#

Стиль Mapserver#

Для создания стиля MapServer необходимо сначала зайти в слой, для которого вы его создаёте. Нажмите кнопку Создать ресурс и выберите тип ресурса «Стиль MapServer».

../../_images/ngweb_create_mapserver_style_ru.png

Рис. 533. Выбор стиля MapServer#

После выбора «Стиль MapServer» откроется диалог создания ресурса (см. Рис. 534.).

На вкладке «Ресурс» вы можете задать пользовательское наименование стиля. Можно также ввести описание и метаданные на соответствующих вкладках.

../../_images/mapserver_style_create_ru.png

Рис. 534. Пользовательское наименование стиля Mapserver#

Настройки тайлового кэша подробнее описаны в данном разделе.

Пои создании стиля будут использованы значения по умолчанию.

При желании на вкладке «Стиль MapServer» можно построчно ввести стиль вручную (см. Рис. 535.). Примеры картостилей и описание тэгов приведены в следующем разделе.

../../_images/ngweb_create_resource_mapsrev_rus.png

Рис. 535. Вкладка «Стиль MapServer»#

После нажатия кнопки Создать начнется процесс обработки запроса, по окончании которого откроется ресурс стиля Mapserver:

../../_images/MapServer_created_ru.png

Рис. 536. Созданный стиль Mapserver#

Тайловый кэш#

Кэширование используется для ускорения отрисовки данных и оптимизации работы веб-карт. Оно может быть применимо для стилей векторных и растровых слоев, а также для слоев WMS и TMS.

Чтобы включить кэширование, нужно перейти на вкладку «Тайловый кэш» в соответствующем ресурсе и активировать чекбокс «Включен».

На вкладке Тайловый кэш пользователь имеет возможность задать настройки кэширования стиля (слоя для WMS и TMS) (см. Рис. 541.):

  • Включен -включение/выключение кэширования тайлов;

  • Разрешить тайлы для запросов изображений - при запросе изображения (не тайла) использовать закэшированные тайлы при их наличии;

  • Максимальный масштабный уровень - пороговое значение, выше которого обращение к кэшу не происходит, изображение карты рендерится на лету;

  • TTL, сек (Time to live) - “время жизни” или хранения тайлов на сервере в секундах, после которого при следующем запросе изображение будет формироваться заново. Если TTL = 0, то время хранения тайлов не ограничено;

  • Очистить - write only - очищает тайловый кэш при сохранении стиля.

../../_images/tile_cache_settings_ru.png

Рис. 541. Настройки тайлового кэша#

Стиль для растров#

После удачной загрузки растра необходимо создать стиль для его отображения на карте. Есть несколько вариантов, как это сделать:

  • Создать стиль QGIS по умолчанию, зайдя на страницу слоя:

../../_images/ngw_create_def_raster_style_ru.png

Рис. 542. Создание стиля QGIS по умолчанию для растрового слоя#

  • Создать растровый стиль по умолчанию при помощи кнопки Создать ресурс:

../../_images/ngweb_create_raster_style_ru.png

Рис. 543. Создание растрового стиля#

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

  • Создать растровый стиль QGIS при помощи кнопки Создать ресурс. В выпадающем меню можно выбрать:

    • Стиль из файла - выберите файл стиля в формате QML или SLD. Создать его можно в NextGIS QGIS;

    • Пользовательский стиль - этот вариант позволяет выбрать три канала, значения которых будут использоваться для формирования цвета в формате RGB, и задать для каждого минимальное и максимальное значение;

    • Стиль по умолчанию - позволяет добавить стиль по умолчанию к слою, у которого уже есть стили;

    • Скопировать из ресурса - выберите стиль QGIS другого растрового слоя, чтобы создать его копию.

../../_images/ngweb_copy_raster_style_ru.png

Рис. 544. Копирование стиля QGIS#

При создании веб-карты (подробнее см. Создание веб-карты) выберите стиль, чтобы добавить загруженный растр на карту.