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

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

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

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

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

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

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

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

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

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

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

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

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

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

Панели#

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

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

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

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

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

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

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

Слева внизу:

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

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

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

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

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

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

Шторка#

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Меню слоя#

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

При выборе пункта Таблица объектов под картой появляется таблица объектов выбранного слоя.

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

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

При выборе пункта Описание отображается описание выбранного слоя, которое вводится при создании или редактировании слоя.

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

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

При выделении в таблице отдельной записи происходит переход к соответствующей геометрии на карте, данная геометрия будет подсвечена на карте (см. Рис. 591.). Для выбранного объекта можно открыть окно с его свойствами, редактировать его или удалить. При нажатии на кнопку «Перейти» карта масштабируется таким образом, чтобы выбранный объект оказался в центре (см. Рис. 591.). В окне просмотра атрибутов можно выполнять поиск по текущим атрибутам. По мере ввода, содержимое окна фильтруется и остаются только записи, которые удовлетворяют критериям поиска. Также можно осуществлять фильтрацию объектов, входящих в заданную область.

../../_images/ngweb_webmap_attribute_table_rus_3.png — Рис. 591. Таблица объектов слоя на веб-карте#

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

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

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

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

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

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

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

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

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

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

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

Примечание

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

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

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

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

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

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

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

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

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

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

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

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

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

../../_images/webmap_search_results_tram_ru.png — Рис. 598. Результаты поиска по запросу «трамвайный». На карте открыты атрибуты объекта #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 Рис. 582.). Приблизтесь к нужному объекту на карте и затем скопируйте ссылку.

С помощью специально сгенерированных 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 — Рис. 600. Карта, открывающаяся по такой ссылке. В ссылку включен ID выделенного слоя и аттрибут и его значение, отмеченные в карточке объекта#

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

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

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

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

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