Просмотр веб-карты#

В составе NextGIS Web предусмотрено специальное клиентское веб приложение для просмотра веб-карт (см. Рис. 587.).

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

Откроется страница просмотра карты:

../../_images/webmap_client_rus_6.png — Рис. 587. Внешний вид веб-клиента для просмотра карт#

Цифрами обозначены:

1 - карта;
2 - панели карты;
3 - кнопка перехода к настройкам веб-карты. Неавторизованные пользователи вместо неё видят кнопку связи с владельцем Веб ГИС;
4 - активная панель дерево слоёв с кнопками вызова меню;
5 - выпадающий список выбора подложек;
6 и 7 - инструменты карты;
8 - строка статуса и копирайт.

Масштаб и поворот карты#

Строка статуса (см. Рис. 587. п. 5) отображает текущий масштаб. Если кликнуть по карте инструментом идентификации, то во всплывающем окне будут указаны координаты клика и перечислены объекты, если они имеются в данной точке карты.

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

Для работы с картой приложение имеет следующие возможности:

при одновременном нажатии клавиш alt + shift и осуществлении круговых движений курсором по экрану монитора происходит поворот изображения на необходимое количество градусов в нужную сторону - вправо или влево,
при одновременном нажатии клавиши shift и выделении курсором необходимой части изображения на экране монитора происходит выделение, а потом изменение масштаба (увеличение) этой выделенной области на карте.

Также вы можете отобразить на карте своё текущее местоположение, нажав на кнопку . Посмотрите, как это работает, в видео:

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

Панели#

В левой части рабочей области располагаются функциональные панели:

Дерево слоев
Панель идентификации
Поиск
Аннотации
Описание
Закладки
Кадастровые сервисы
Поделиться - здесь формируется ссылка на карту и код для встраивания
Печать открывает окно подготовки к печати.
Трекеры

Ниже их функционал описывается подробнее.

Инструменты карты#

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

Слева наверху:

кнопки управления масштабом;
вернуться к начальному масштабу карты;
показать местоположение устройства.

Слева внизу:

Инструменты измерения#

Измерять длины, в том числе ломаных линий, и площади можно при помощи инструментов измерения карты. Активируйте инструмент и отметьте узлы линии кликами по карте. Двойной клик завершает создание линии. Вы можете отметить на карте несколько линий и сравнить результаты измерений. Чтобы удалить линию измерения, нажмите на крестик рядом с результатами измерения. Чтобы сбросить выбранное полностью, нажмите ещё раз на кнопку с линейкой.

../../_images/ngw_map_measure_line_ru.png — Рис. 588. Измерение расстояний на карте#

Аналогичным образом работает измерение площади. Выделите произвольную полигональную область на карте. Двойным кликом замкните полигон.

../../_images/ngw_map_measure_area_ru.png — Рис. 589. Измерение площадей на карте#

Единицы измерений настраиваются в Панели управления

Шторка#

Шторка делает прозрачной ту область выбранного слоя/группы слоёв на карте, которая находится с одной стороны от неё (см. Рис. 591.).

Выберите слой щелчком в дереве слоёв (он будет подсвечен голубым цветом) и нажмите в нижней части карты (см. Рис. 590.).

../../_images/choose_layer_swipe_ru_2.png — Рис. 590. Выбор слоя для использования шторки#

Шторку можно сдвигать, зажимая квадрат по центру, или поворачивать на 90 градусов кликом по кружку на линии.

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

../../_images/swiped_satellite_ru.png — Рис. 591. Снимок после применения вертикальной шторки#

Показ координат/охвата#

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

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

../../_images/web_client_coordinates_ru.png — Рис. 592. Включено отображение координат курсора#

../../_images/web_client_extent_ru.png — Рис. 593. Включено отображение охвата#

Легенда в дереве слоёв#

В панели дерево слоёв находится список всех стилей слоёв, добавленных на веб-карту.

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

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

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

При нажатии на три точки рядом с заголовком панели откроется меню, с помощью которого можно:

Увеличить до всех слоёв - все объекты всех добавленных слоёв попадут в охват отображаемой карты;
Скрыть все слои;
Восстановить исходное состояние (не перезагружая страницу и не теряя текущий охват карты);
Добавить слои.

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

Возможности панели слоёв также представлены в видео:

Смотреть на youtube, rutube. Как настроить легенду.

Меню слоя#

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

Настроить его непрозрачность при помощи ползунка.
Таблица объектов - открывает на карте таблицу объектов векторного слоя.
Редактировать - активирует режим редактирования, который позволяет изменять объекты выбранного слоя. Для завершения изменений нужно снова открыть то же меню и выбрать Завершить редактирование (подробнее) или нажать на кнопку на карте.
Фильтр позволяет отображать на карте только те объекты слоя, которые отвечают заданным условиям (подробнее).
Описание - если у слоя добаввлено описание, оно открывается в соответствующей панели.
Удалить слой с карты (чтобы вернуть слой, нажмите Восстановить в меню дерева слоёв).
Увеличить до слоя - происходит масштабирование карты таким образом, чтобы выбранный слой занимал всю видимую площадь карты.
Редактировать ресурс стиля - открывается во всплывающем окне, подробнее о настройках стилей
Редактировать ресурс слоя - открывается во всплывающем окне, подробнее о настройках ресурса векторного слоя.
Свойства слоя - позволяет настроить работу слоя на конкретной веб-карте, подробнее.

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

Фильтрация объектов слоя#

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

../../_images/web_map_filter_add_ru.png — Рис. 596. Условие фильтра#

На карте и в таблице атрибутов останутся только объекты, удовлетворяющие заданным условиям.

../../_images/web_map_filter_result_ru.png — Рис. 597. Отфильтрованные объекты: озёра площадью более 5000 квадратных километров#

Также можно отфильтровать объекты по выбранной области карты.

Идентификация объектов#

Чтобы получить информацию об объектах, расположенных на веб-карте, активируйте панель идентификации. Теперь по клику на любом месте карты вы получите информацию о расположенных в этой точке векторных объектах или пикселе растра.

В панели идентификации отображаются значения атрибутов объекта, сведения о геометрии, описание (если задано) и вложения.

../../_images/ngw_panel_id_ru.png — Рис. 598. Панель идентификации с информацией об объекте#

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

Примечание

Обратите внимание, что растр должен быть создан через веб-интерфейс. Упакуйте в один архив файл .TIF и соответствующий ему файл .XML. Выберите этот архив при создании растрового слоя.

../../_images/landcover_rat_ident_ru.png — Рис. 599. Отображение класса из растровой таблицы атрибутов#

Если объектов в месте клика несколько (например, линия и лежащая на этой линии точка), то в панели будет отображён объект из слоя, находящегося выше всего в дереве слоёв. Чтобы получить информацию по остальным объектам, кликните на стрелочку вниз рядом с именем объекта и выберите нужный из списка.

../../_images/ngw_panel_id_select_feature_ru_2.png — Рис. 600. Выбор объекта из списка найденных при идентификации#

Чтобы снять выделение, нажмите кнопку в левом нижнем углу карты. Когда ни один объект не выделен, эта кнопка имеет вид .

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

В контекстном меню слоя можно отключить для него идентификацию. Также вы можете отключить идентификацию для отдельных слоёв и изменить их порядок в настройках веб-карты.

Чтобы изменить атрибуты объекта, нажмите значок карандаша в правом верхнем углу панели (подробнее).

../../_images/ngw_panel_id_edit_ru.png — Рис. 601. Вызов окна редактирования атрибутов объекта#

Поиск на веб-карте#

Поиск на веб-карте производится по:

Координатам
Атрибутивной информации добавленных на карту слоёв
Адресной базе (OpenStreetMap или Яндекс.Карты, в зависимости от настроек адресного поиска).

Результаты появляются по мере ввода и сортируются в этом порядке (координаты - аттрибутивная информация - адресная база). При выборе результата поиска из списка карта осуществляет переход к нему.

../../_images/webmap_search_results_tram_ru.png — Рис. 602. Результаты поиска по запросу «трамвайный». На карте открыты атрибуты объекта #10 векторного слоя, где содержится запрашиваемое слово#

Возможности текстового поиска также показаны в видео:

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

Поиск по координатам#

Для того, чтобы найти точку по координатам, в строку поиска следует ввести значения долготы и широты в градусах, минутах и секундах (используйте только прямые кавычки и прямой апостроф) или в десятичном формате, например:

79 W 43 N
W 79 N 43
-79 43 (результаты поиска будут включать две точки: 79 W, 43 N и 43 E, 79 S)
79- 43
-79 W 43 N
79°4'14.08" W 43°4'59.37" N
-79°4'14.08"  43°4'59.37"
-79 4.25 W  43 4.95 N
-79 4.25  43 4.95
79.068493 43.079920
79.068 W 43.08 N

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

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

Также при открытии таблицы объектов слоя доступна фильтрация по области.

Ссылка на объект карты#

Самый простой вариант - дать ссылку на область карты с нужными объектами. Это можно сделать через панель Поделиться (see Рис. 587.). Приблизтесь к нужному объекту на карте и затем скопируйте ссылку.

С помощью специально сгенерированных GET-запросов можно поделиться ссылкой на конкретный объект веб-карты в конкретном слое. Ссылка будет открываться в географическом контексте, который вы можете настроить через веб-карты.

Вам понадобится только создать соответствующие ссылки в соответствующих информационных системах, переходя по которым пользователь сразу будет попадать на карту с искомым объектом и необходимым контекстом.

Такую ссылку может автоматически генерировать ваша связанная с NextGIS Web система.

Установка уровня отображения для ссылки на объект веб-карты работает следующим образом.

При наличии параметра zoom в URL объект должен отображаться на уровне масштабирования, который установлен в параметре zoom.

При отсутствии параметра zoom в URL объект должен масштабироваться по своим размерам, при условии, что эти размеры не слишком малы. Если размеры экстента объекта менее 100x100 метров по длине и ширине, то будет установлен уровень масштабирования веб-карты по умолчанию, если он не меньше 12 уровня. Если изначальный уровень масштабирования веб-карты меньше 12 уровня, то будет установлен уровень масштабирования 12.

Пример:

https://demo.nextgis.ru/resource/6144/display?panel=layers&hl_lid=9213&hl_attr=NID&hl_val=32104

Можно создать такую ссылку и вручную, для этого вам понадобятся:

«Чистая» ссылка на веб-карту: https://demo.nextgis.ru/resource/6211/display?panel=layers

Параметры объекта и их значения:

hl_lid – ID слоя (зайдите в ресурс слоя и посмотрите число, включенное в URL, например https://demo.nextgis.ru/resource/6209 –> hl_lid=6209);
hl_attr – атрибут слоя (название поля атрибутов, из которого берётся значение, например name);
hl_val – значение атрибута.

Также можно добавить:

zoom - степень приближения к объекту (выражается в числах, наименьшее значение 1 - максимальное отдаление).

Итоговая ссылка:

https://demo.nextgis.ru/resource/6211/display?panel=layers&hl_lid=6209&hl_attr=name&hl_val=19-14&zoom=17

../../_images/webmap_feature_lik_ID_ru_2.png — Рис. 604. Карта, открывающаяся по такой ссылке. В ссылку включен ID выделенного слоя и аттрибут и его значение, отмеченные в карточке объекта#

Выбор подложки#

Для смены картографических подложек служит выпадающий список (см. Рис. 587.). По умолчанию имеются следующие подложки:

No basemap - без подложки
OpenStreetMap

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

Можно подключить к карте другую подложку, как это сделать см. в разделе Веб-карта.