7.8. Стили векторных слоёв¶

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

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

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

Рис. 7.123. Галеря стилей¶

7.8.1. Форматы¶

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

У стиля QGIS гораздо больше настроек и несколько варинатов содания.
Стиль Mapserver можно писать в текстовом виде.

7.8.2. Векторный стиль QGIS¶

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

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

../../_images/default_style_select_ru_2.png

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

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

../../_images/ngweb_create_QGIS_style_ru.png

Рис. 7.125. Выбор стиля QGIS¶

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

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

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

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

../../_images/QGIS_style_upload_ru_21.png

Рис. 7.126. Загрузка файла QML¶

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

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

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

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

SVG-маркеры¶

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

Встроить файл в стиль в QGIS.

Посмотреть видео на youtube, rutube.

Разместить файл в интернете и поставить его URL в качестве пути к значку SVG.
Добавить маркер через библиотеку маркеров SVG в своей Веб ГИС.

Для создания стиля, использующего SVG-маркеры из библиотеки, необходимо в QGIS указать в свойствах слоя тип SVG-маркер и прописать полный путь до файла на машине (см. Рис. 7.129.). Название файла должно совпадать с тем, что загружен в ресурс Библиотека маркеров SVG, который пользователь выбирает при загрузке файла QML.

Рис. 7.128. Сохранение QML-файла в NextGIS QGIS¶

Рис. 7.129. Настройка свойств стиля в NextGIS QGIS¶

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

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

../../_images/ngweb_create_SVG_lib_ru.png

Рис. 7.130. Выбор типа ресурса Библиотека маркеров SVG¶

Откроется окно создания ресурса. На первой вкладке введите название ресурса маркеров (см. Рис. 7.131.).

Рис. 7.131. Название ресурса Библиотеки маркеров SVG¶

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

На вкладке «Библиотека SVG маркеров» необходимо загрузить SVG-маркеры с вашего устройства (см. Рис. 7.132.). Маркеры можно загрузить как отдельными файлами, так и ZIP-архивом. В архиве не должно быть ничего, кроме маркеров.

Рис. 7.132. Загрузка SVG-маркеров¶

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

Рис. 7.133. Список загруженных в библиотеку SVG-маркеров¶

Затем создайте в Веб ГИС стиль, добавив в него ранее созданную библиотеку маркеров:

../../_images/QGIS_style_svg_upload_ru.png

Рис. 7.134. Создание стиля с использованием библиотеки маркеров¶

SVG-маркеры также можно встроить в стиль QGIS, тогда не будет необходимости в создании отдельного ресурса библиотеки.

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

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

Форму символа (для точечных слоев): круг, квадрат, треугольник, звезда, крест;
Размер символа (для точечных слоев). Можно ввести с клавиатуры или увеличить/уменьшить стрелочками;
Ширину контура;
Цвет и прозрачность заливки и контура. Можно выбрать пипеткой, настроить ползунками или ввести значения в системе HEX, HSB или RGB;
Характер линии/контура полигона: сплошная линия, пунктир, точечный пунктир, переменный пунктир (можно настроить комбинацию из штрихов и пропусков разной длины).

../../_images/QGIS_style_custom_ru_2.png

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

../../_images/QGIS_style_custom_line_ru_2.png

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

../../_images/QGIS_style_custom_polygon_ru_2.png

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

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

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

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

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

Смотреть на youtube, rutube.

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

7.8.3. Редактирование стиля QGIS¶

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

../../_images/QGIS_style_select_edit_ru.png

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

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

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

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

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

../../_images/QGIS_style_custom_edit_ru.png

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

7.8.4. Стиль Mapserver¶

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

../../_images/ngweb_create_mapserver_style_ru.png

Рис. 7.141. Выбор стиля MapServer¶

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

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

../../_images/mapserver_style_create_ru.png

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

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

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

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

../../_images/ngweb_create_resource_mapsrev_rus.png

Рис. 7.143. Вкладка «Стиль MapServer»¶

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

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

Примеры картостилей Mapserver

7.8.5. Тайловый кэш¶

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

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

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

Включен -включение/выключение кэширования тайлов;
Разрешить тайлы для запросов изображений - при запросе изображения (не тайла) использовать закэшированные тайлы при их наличии;
Максимальный масштабный уровень - пороговое значение, выше которого обращение к кэшу не происходит, изображение карты рендерится на лету;
TTL, сек (Time to live) - “время жизни” или хранения тайлов на сервере в секундах, после которого при следующем запросе изображение будет формироваться заново. Если TTL = 0, то время хранения тайлов не ограничено;
Очистить - write only - очищает тайловый кэш при сохранении стиля.

../../_images/tile_cache_settings_ru.png

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

7.8.6. Добавление стиля на карту¶

Для добавления на веб-карту слоя со стилем QGIS необходимо открыть её в режиме редактирования (изменения). На вкладке Слои нужно добавить стиль соответствующего слоя (или слой, если этого требует специфика данных - TMS, WMS) и нажать Сохранить (см. Рис. 7.150.).

Также на данной вкладке можно:

Добавить слой
Добавить группу
Удалить слой или группу
Изменить отображемый порядок слоев

../../_images/admin_webmap_add_layers_rus_2.png

Рис. 7.150. Добавление QGIS стиля на веб-карту¶

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

Рис. 7.151. Веб-карта с QGIS стилем (с svg-маркерами)¶