7.14. Добавление веб-карты

В NextGIS Web может быть несколько отдельных веб-карт. Например, одна может быть рабочей, вторая – для общего доступа, третья – тестовая для настройки слоев.

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

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

Для просмотра карты в браузере используется веб-клиент. Чтобы открыть веб-карту, нажмите значок рядом с названием карты в списке ресурсов. Или зайдите на страницу ресурса карты и выберите «Открыть» в панели действий справа.

Вы можете посмотреть два основных сценария создания веб-карты в видео:

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

Ниже более подробно описываются этапы создания веб-карты и доступные настройки.

7.14.1. Создание веб-карты

Чтобы отобразить на карте данные, загрузите их в Веб ГИС, создав слои и стили для их отображения.

Для добавления веб-карты следует перейти в группу, где необходимо её создать, нажать кнопку Создание ресурса и во всплывающем окне выбрать «Веб-карта» (см. Рис. 7.191.).

Рис. 7.191. Выбор типа ресурса «Веб-карта»

В результате этих действий откроется окно, представленное на Рис. 7.192..

Рис. 7.192. Окно создания веб-карты

Далее следует ввести наименование веб-карты, которое будет отображаться в административном веб-интерфейсе и в веб-клиенте для просмотра карт (Можно задать заголовок веб-карты для веб-клиента, отличающийся от наименования ресурса, в панели «Настройки»). Поле «Ключ» является необязательным к заполнению.

Можно добавить описание ресурса и метаданные на соответствующих вкладках.

7.14.2. Слои веб-карты

На вкладке «Слои» можно добавлять слои, объединять их в группы и удалять их, а также менять порядок слоев, для чего предусмотрены соответствующие кнопки «Добавить слой», «Добавить группу», «Изменить порядок рисования слоев» и «Удалить слой» (крестик в конце строки).

Рис. 7.193. Вкладка «Слои»

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

Нажмите + Слой и выберите во всплывающем окне нужный стиль.

Рис. 7.194. Окно добавления стиля слоя на веб-карту

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

Рис. 7.195. Добавление нескольких стилей слоёв на веб-карту. Отмечено два стиля

Чтобы добавить стиль, не обязательно переходить внутрь слоя и выбирать сам стиль. Нажмите значок справа от имени слоя, чтобы выделить первый подходящий стиль.

Настройки слоев на веб-карте представлены на Рис. 7.196..

Рис. 7.196. Настройки слоев на веб-карте

Поле «Включен» обозначает, что при открытии страницы карты этот слой будет по умолчанию отображаться.

Поле «Прозрачность» обозначает степень просвечивания слоя на карте. Прозрачность каждого слоя может быть настроена от 0 до 100 %. Слой со степенью прозрачности 1 % является практически непрозрачным. Совершенно прозрачный слой имеет степень прозрачности 100 %.

В поле «Адаптер» рекомендуется выставить значение «Изображения» (отрисовка в виде единой картинки на всю карту), если нет каких-либо особых требований. Также в этом поле можно выбрать значение «Тайлы» (изображения размером 256 x 256 пикселов).

Совет

Адаптер «Тайлы» используется, например, для того чтобы корректно отображались объекты, пересекающие 180 мередиан. Посмотреть видео на rutube.

Можно также указать диапазон масштабов, в которых будет отбражаться слой, при помощи полей «Мин. масштаб» и «Макс. масштаб». Минимальный масштаб соответствует более мелкомасштабному отображению, а максимальный - более крупномасштабному. Например, для отображения слоя в диапазоне от 1 : 250 000 до 1 : 5 000, первое значение должно соответствовать минимальному масштабу, а второе - максимальному. Минимальный и максимальный масштаб можно указывать в стиле слоя и в настройках слоя.

Примечание

Минимальный и максимальный масштаб можно указывать не только в настройках слоя веб-карты, но и в стиле слоя (пример). Однако если весь слой не надо показывать на каком-то диапазоне масштабов, то это лучше задать в настройках слоя веб-карты. Если же выставить ограничение масштаба только в стиле, то в этом диапазоне масштабов будут отдаваться пустые тайлы, что неэффективно.

Чтобы вернуться к списку слоёв, нажмите Скрыть детали.

Группы слоёв

Слои, добавленные на карту, можно объединять в группы. Это повлияет только на отображаемое на веб-карте дерево слоёв, делая легенду более наглядной. На расположение слоёв в группах ресурсов их группировка на конкретной веб-карте не влияет.

Для добавления новой группы нажмите + Группа. Чтобы поместить слой в группу, перетащите его.

Рис. 7.197. Настройки группы слоев на веб-карте

Опция Развернута определяет вид группы в дереве слоёв при открытии веб-карты.

Если включена опция Взаимоисключающая, то только один слой из группы может отображаться на карте. При активации любого из слоев группы остальные входящие в неё слои скрываются. Это может быть удобно, например, при добавлении группы слоёв спутниковых данных, которые перекрывают друг друга полностью.

Чтобы вернуться к списку слоёв, нажмите Скрыть детали.

Порядок рисования слоев на веб-карте

Кнопка Изменить порядок рисования открывает панель, в которой можно задать порядок отрисовки слоёв на карте, отличающийся от их порядка в списке слоёв. Эта функция нужна для демонстрации слоев при сохранении исходного разбиения слоев на папки.

Рис. 7.198. Порядок слоёв как есть: аэрофотоснимки загораживают слой со зданиями

Рис. 7.199. Другой порядок слоёв: слой со зданиями рисуется выше аэрофотоснимков, но структура слоёв слева не изменена

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

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

7.14.3. Подложки

На вкладке «Подложки» можно добавлять подложки и удалять их, для чего предусмотрены соответствующие кнопки «Добавить» и «Удалить» (см. Рис. 7.200.).

Рис. 7.200. Вкладка «Подложки»

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

Поле «Непрозрачность» обозначает степень просвечивания подложки на карте, настраивается в процентах.

Если поставить флажок «По умолчанию», то при открытии страницы карты будет отображаться именно эта подложка.

Создание подложки веб-карты

Нажмите кнопку Создать ресурс и выберите из списка Подложка веб-карт (Рис. 7.201.). В открывшемся окне введите название ресурса, которое будет отображаться в административном интерфейсе (Рис. 7.202.).

Рис. 7.201. Выбор типа ресурса «Подложка веб-карты»

Рис. 7.202. Наименование подложки веб-карты

На соответствующих вкладках можно добавить «Описание» и «Метаданные» ресурса (Рис. 7.203.). Как правило, метаданные используются для разработки сторонних приложений с помощью API.

Рис. 7.203. Описание подложки веб-карты

На вкладке «Подложка веб-карты» задается URL-адрес TMS сервиса (Рис. 7.204.). Есть два пути для его указания:

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

• Ввести адрес вручную.

Внизу отображается превью подложки. Его можно сравнить со стандартной подложкой OpenStreetMap, нажав на кнопку и двигая ползунок прозрачности.

Рис. 7.204. Параметры подложки веб-карты

Карта без подложки

По умолчанию веб-карта создаётся с подложкой OpenStreetMap. Если нужно получить карту без подложки, создайте новую подложку, добавьте её к веб-карте и отключите флажок «По умолчанию».

Посмотрите, как это работает, в нашем видео:

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

Как использовать любой слой вашей Веб ГИС как подложку

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

1. Создать нужный слой (векторный или растровый) и стиль для него. Внутри стиля будет ссылка TMS сервиса - она понадобится далее;

2. Включить кэширование (для ускорения работы на веб-карте, доступно только на плане Premium);

3. Создать ресурс «Подложка веб-карты» со снятой галочкой «Использовать настройки из QMS» и URL-адресом (ссылкой) вышесозданного TMS слоя.

7.14.4. Настройки

На вкладке «Настройки» можно:

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

• настроить легенду;

• включить аннотации (о работе с аннотациями см. здесь);

• выбрать систему координат для измерений;

• разрешить редактирование слоев;

• выбрать начальный и ограничивающий охват;

• выбрать ресурс закладок;

• установить видимость панелей и элементов идентификации объектов.

Рис. 7.205. Вкладка «Настройки»

7.14.5. Легенда

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

В NextGIS Web можно добавить информацию об условных обозначениях карты двумя способами:

Включить условные обозначения в дерево слоев. Будут использованы маркеры, выбранные в стиле слоя. Если этого не хватает, добавить расшифровку условных обозначений отдельно в панели «описание» (i в кружочке).

В настройках NextGIS Web под «легендой» понимается именно отображение условных обозначений в дереве слоёв веб-карты, непосредственно под слоем.

Видимость легенды может задаваться на уровнях разных ресурсов. Таким образом вы можете эффективно решить разные задачи, от “включить легенду везде”, до “настроить легенду только на отдельной карте”. Настраивать видимость легенды можно:

• на уровне конкретного слоя веб-карты

• на уровне всей веб-карты (все слои)

• на уровне всей Веб ГИС

На уровне слоя веб-карты видимость легенды задается в настройках веб-карты на вкладке «Слои».

Рис. 7.206. Настройка видимости легенды отдельных слоёв

Режим видимости легенды для веб-карты в целом задаётся во вкладке «Настройки»:

Рис. 7.207. Настройка видимости легенды для всей карты

Также можно задать значение «по умолчанию» для всей Веб ГИС: Панель управления – Веб-карта – Легенда. Выбранный здесь режим будет использоваться, если значение «по умолчанию» выставлено как для слоя, так и для веб-карты.

Рис. 7.208. Настройка видимости легенды для Веб ГИС в целом

Режимы видимости легенды следующие:

• Развернуть – легенда отображается в дереве слоёв, если стиль включает разные типы или цвета маркеров, то будет отображаться их полный список. Этот список можно свернуть, нажав на стрелочку рядом с меню слоя.

Рис. 7.209. Легенда на веб-карте показана в развёрнутом виде

• Свернуть – легенда отображается, но список условных обозначений отдельного слоя будет свёрнут при открытии карты. Чтобы развернуть его, нужно нажать на значок таблички рядом с меню слоя.

Рис. 7.210. Легенда на веб-карте свернута

• Отключить – легенда не отображается в дереве слоёв.

Рис. 7.211. Легенда отключена. Для всех слоёв отображается только название

• По умолчанию – используется более общая настройка. Для тех слоёв, для которых режим отображения легенды выбран «по умолчанию», будет использоваться настройка карты. Если и у веб-карты также стоит значение «по умолчанию» – работает общая настройка Веб ГИС.

Рис. 7.212. Разные режимы видимости легенды для отдельных слоёв одной карты: 1 – отключена, 2 – свёрнута, 3 – развёрнута

Для растровых слоёв в Веб ГИС также поддерживается легенда. Растровые данные в геоинформационных системах могут отражать растительный покров и его плотность, рельеф поверхности и другие подобные показатели. В таком случае легенда будет отображать градиент используемых цветов в соотношении со значениями показателя.

Рис. 7.213. Легенда растровых слоёв на веб-карте: светотеневая отмывка и цифровая модель рельефа

Соотношение зависит от типа растра.

• Многоканальное цветное - растр в формате RGB, соответственно в легенде квадратики красного, зелёного и синего цвета;

• Палитра (уникальные значения) - легенда содержит список всех значений и соответствующих им цветов;

• Одноканальное серое - растр представляет собой непрерывный градиент, но в легенде отображается заданное количество символов (по умолчанию 5), для каждого из которых обозначено пороговое значение;

• Одноканальное псевдоцветное - аналогично одноканальному серому отображает символы с диапазоном значений.

Процесс и результат настройки легенды также демонстрируются в видео:

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

7.14.6. Охват

На вкладке «Настройки» можно задать:

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

• Ограничивающий охват - на веб-карте нельзя будет выйти за его пределы.

Охват задается посредством заполнения четырех строк и измеряется в градусах.

Рис. 7.214. Окно ввода охвата

Кнопка Установить по слою позволяет установить охват веб-карты по охвату выбранного слоя. Если нажать её, то откроется окно «Выберите слой» с деревом ресурсов, из которого можно выбрать слой, по которому будет установлен охват веб-карты (см. Рис. 7.215.). При этом будут заполнены четыре строки с координатами охвата.

Рис. 7.215. Окно «Выберите слой»

Совет

Координаты охвата вы можете сгенерировать на сторонних веб-сайтах, например http://boundingbox.klokantech.com/ (выберите в списке csv).

Посмотреть, как настраивается и работает начальный и ограничивающий охват карты, можно в нашем видео:

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

7.14.7. Закладки

В поле «Закладки» можно указать векторный слой с любым типом геометрии. Тогда на Веб карте появится панель закладок (см. Рис. 7.216.). Названия закладок будут браться из «Атрибут наименования» (см. Рис. 7.217.) если он установлен.

Рис. 7.216. Панель закладок и отображение по клику на Веб-карте

Рис. 7.217. Установка Атрибута наименования для векторного слоя границ районов

7.14.8. Отображение панелей и элементов идентификации

В разделе «Дополнительные опции» настроек веб-карты можно включить или выключить отображение следующих элементов:

• панели: Кадастровые сервисы и Трекеры;

• атрибуты объектов в панели идентификации;

• информация о геометрии в панели идентификации.

Можно установить один из трёх вариантов: «Да» - показывать, «Нет» - не показывать, «Авто» - будет применяться настройка, установленная для Веб ГИС в целом. Чтобы поставить режим «Авто», нажмите на крестик в правой части поля.

Рис. 7.218. Дополнительные опции веб-карты

7.14.9. Соцсети

На этой вкладке можно выбрать изображение для предпросмотра, которое будет использовано в соцсетях.

Рис. 7.219. Вкладка «Соцсети»

7.14.10. Описание

На вкладке «Описание вы можете задать текстовое описание, гиперссылки, вставить изображение легенды с помощью URL или сохраненного в буфере обмена изображения.

Пример Веб-карты с легендой в описании.

Рис. 7.220. Описание и легенда Веб-карты

Чтобы просмотреть описание, откройте Веб-карту и в левой части рабочей области активируйте соответствующую панель (иконка информации - кружок с буквой i). Информация в этой панели будет соответствовать заданной через настройки Веб-карты.

Чтобы поделиться Веб-картой с открытым описанием, скопируйте ссылку из адресной строки браузера. Ссылка должна заканчиваться на panel=info. При переходе по такой ссылке откроется Веб-карта сразу с полным описанием.

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

7.14.11. Завершение создания веб-карты

После всех настроек нажмите «Сохранить». После сохранения созданная карта появится в списке карт. При нажатии на иконку в виде карты в списке ресурсов веб-карта будет открыта в браузере. Находясь на странице ресурса веб-карты можно также открыть ее выбрав «Просмотр»в панели справа.

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

Предупреждение

При удалении карты адрес больше доступен не будет.

7.14.12. Как оптимизировать работу Веб-карты

На Веб-карте показываются данные, отрисовываемые сервером. Чем больше этих данных, тем больше ресурсов сервера уходит на их отрисовку и тем медленнее может показываться ваша Веб-карта. Есть ряд моментов, которые можно продумать и настроить, чтобы увеличить производительность.

Не показывайте всё сразу

Это общая, универсальная рекомендация. Продумайте, хотите ли вы показывать пользователю вашей Веб-карты все данные сразу по открытии карты. Как правило, визуально это не информативно. На общих зумах лучше показывать небольшое количество данных «для ориентировки».

Масштабные уровни

Установите диапазон масштабных уровней отображения данных на веб-карте. Это позволит не запрашивать данные вне этого интервала и, как следствие, не показывать много данных на масштабах, где это не нужно.

Кэширование

Настройте кэширование для стилей ваших векторных слоев. Это позволит не запрашивать повторно уже отрисованные данные. Обратите внимание, что несмотря на то, что технически это можно сделать, для растров включать кэширование - не следует.

Сервисы

Современная интерактивная карта - часто сложная конструкция и может подключать источники данных, такие как картографические подложки, сервисы WMS, TMS и т.п. из различных внешних источников. В зависимости от скорости работы этих источников они могут сильно замедлять и вашу карту. Удалите подключения внешних сервисов или хотя бы отключите их, чтобы они не показывались по-умолчанию.

Установите адаптер Изображение

В настройках Веб-карты на вкладке «Слои» установите адаптер Изображение для ускорения отрисовки ваших данных. Без особых причин не стоит использовать тайлы - это может сказаться на скорости работы всей Веб ГИС при большом количестве данных.

Используйте базовые растровые стили вместо стилей QGIS

Если вы показываете на вашей карте большие растры, то вы сможете немного их ускорить за счет использования простых растровых стилей, вместо стилей QGIS. Зайдите в растровые слои, создайте растровые стили (не QGIS) и добавьте их на карту вместо стилей QGIS.