24.1.3. Публикация проекта QGIS в сервисе nextgis.com

В рамках этой части курса будет сформирован проект в NextGIS QGIS и опубликован в облачном сервисе nextgis.com.

Подготовительный этап

На подготовительном этапе осуществим подключение Веб ГИС к NextGIS QGIS. У вас должна уже быть учетная запись в nextgis.com и создана своя Веб ГИС.

Для подключения Веб ГИС к NextGIS QGIS выполним следующие шаги:

  1. В интернет браузере выполним переход к своей Веб ГИС (URL вида http://<имя при регистрации>.nextgis.com).

    ../../../_images/ngw_main.png

    Рис. 24.2. Главное окно Веб ГИС.

  2. Выполним вход в Веб ГИС с правами администратора. Для этого, справа вверху нажимаем кнопку «Войти». В качестве имени вводим administrator с соблюдением регистра, пароль должен был быть доставлен на электронную почту. При успешном входе, в шапке Веб ГИС появляется «Панель управления».

  3. Далее подключим свою Веб ГИС к NextGIS QGIS. Для этого, запустим NextGIS QGIS.

  4. После запуска NextGIS QGIS установим модуль расширения NextGIS Connect. В случае если модуль уже установлен, проверим его версию и обновим.

  5. При помощи меню Модули Управление модулями... откроем диалог управления модулями (см. Рис. 24.3.).

    ../../../_images/ngq_plugins.png

    Рис. 24.3. Диалог управления модулями.

    В поле «Поиск» введем NextGIS Connect.

  6. Если модуль не установлен - выбираем «установить», если установлен и активирован (отмечен флажком), то выбираем «обновить» (если кнопка неактивна, то установлена актуальная версия модуля). После установки или обновления закрываем диалог.

  7. Далее запустим модуль NextGIS Connect и выполним его первоначальную настройку. В меню Модули NextGIS Connect Показать/Скрыть панель NextGIS Connect отмечаем флажок. При этом должна появится панель модуля (см. Рис. 24.4. ). Панель можно открыть и при помощи кнопки на панели инструментов в виде Х.

    ../../../_images/ngq_nqconnect.png

    Рис. 24.4. Панель модуля NextGIS Connect.

  8. Нажмите кнопку «Настройки» (в виде шестеренки) на панели модуля NextGIS Connect. В открывшемся окне (см. Рис. 24.5.) нажмите кнопку «Новое» cнимите галку «Как гость» и заполните поля:

    • URL - адрес своей Веб ГИС (URL вида http://<имя при регистрации>.nextgis.com).

    • Имя - идентификатор подключения для быстрого поиска в списке подключений.

    ../../../_images/ngq_nqconnect_settings.png

    Рис. 24.5. Диалог создания нового подключения.

    Нажмите кнопку «ОК».

  9. Проверим настройки модуля. Необходимо отметить флажки у пунктов Переименовывать запрещенные поля и Исправлять некорректные геометрии. Остальные флажки нужно снять (внешний вид диалога см. Рис. 24.6.).

    ../../../_images/ngq_ngconnect_settings.png

    Рис. 24.6. Диалог настроек модуля.

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

Создание проекта в NextGIS QGIS

На предыдущем этапе мы подготовили связку настольной и Веб ГИС. Теперь создадим проект (карту) и настроим ее внешний вид.

  1. Для удобства подключим картографическую подложку (базовую карту). Для этого, установим модуль расширения QuickMapServices. В случае если модуль уже установлен, проверим его версию и обновим.

  2. При помощи меню Модули Управление модулями... откроем диалог управления модулями (см. Рис. 24.3.). В поле «Поиск» введем «QuickMapServices».

  3. Если модуль не установлен - выбираем «установить», если установлен и активирован (отмечен флажком), то выбираем «обновить» (если кнопка неактивна, то установлена актуальная версия модуля). После установки или обновления закрываем диалог.

  4. Откроем панель QuickMapServices через пункт меню Web QuickMapServices Поиск в QMS и в поле поиска введем фразу «Mapnik» (см. Рис. 24.7.).

    ../../../_images/ngq_qms_mapnik.png

    Рис. 24.7. Панель поиска картографических подложек.

    Нажмем кнопку «Добавить». В результате на карту должна добавиться картографическая подложка OpenStreetMap.

  5. Скачаем границы федеральных округов России. Для этого в панели QuickMapServices наберем фразу «границы». В списке найденного выберем «Federal districts of Russia».

    Совет

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

  6. Добавим границы на карту. Нажмем кнопку «Добавить». В результате на карту должны добавиться границы федеральных округов (см. Рис. 24.8.).

    ../../../_images/ngq_fed_districts.png

    Рис. 24.8. Карта федеральных округов с таблицей атрибутов.

  7. Посмотрим какие есть атрибуты у данного слоя . Для этого, вызовем контекстное меню слоя в дереве слоев и выберем пункт Открыть таблицу атрибутов. Таблицу атрибутов, выделенного в дереве слоев, слоя можно открыть и при помощи кнопки на панели инструментов. В результате внизу окна должна появится табличка с атрибутвами слоя (см. Рис. 24.8.). Как видно из атрибутов имеется только название федерального округа.

  8. Обогатим эти данные. Перейдем к странице Федеральные округа Российской Федерации в Википедии. В таблице данных по округам имеется дополнительная информация:

    • Население (чел.) 2017

    • Количество субъектов РФ

    • Административный центр

    • Естественный прирост, убыль населения в ‰ (за 2016 год)

    • ВРП в млрд руб. (за 2015 год)

    Скопируем эти данные в электронную таблицу (Excel, Calc, и т.п.) и сохраним в формате CSV и именем fed_districts.csv. Также можно скачать файл по данной ссылке.

  9. Откроем таблицу в NextGIS QGIS. Вызовем Слой Добавить слой Добавить векторный слой... и в открывшемся диалоге выберем таблицу, далее нажмем кнопку «Открыть». Таблица должна появится в дереве слоев.

    Откроем ее для просмотра. Для этого, вызовем контекстное меню слоя в дереве слоев и выберем пункт Открыть таблицу атрибутов. В результате окно NextGIS QGIS должно выглядеть следующим образом: см. Рис. 24.9..

    ../../../_images/ngq_fed_districts1.png

    Рис. 24.9. Карта федеральных округов с таблицей дополнительных атрибутов.

  10. Соединим слой федеральных округов «Federal districts of Russia» и таблицу «fed_districts». Для этого вызовем контекстное меню слоя «Federal districts of Russia» и выберем пункт Свойства. В диалоге свойств слоя перейдем на вкладку «Связи». Нажмем кнопку + и в открывшемся диалоге (см. Рис. 24.10.) укажем:

    • Связанный слой fed_districts

    • Поле для объединения name

    • Целевое поле name

    Остальные настройки оставим по-умолчанию.

    Нажмем кнопку «ОК». В результате в окне настройки связей появится новая запись (см. Рис. 24.11.).

    В результате в таблице атрибутов слоя «Federal districts of Russia» добавятся новые атрибуты из таблицы «fed_districts» (см. Рис. 24.12.).

    ../../../_images/ngq_linked_attributes.png

    Рис. 24.12. Таблица атрибутов слоя «Federal districts of Russia».

  11. Сохраним результат соединения под новым именем в формате GeoJSON. Вызовем контекстное меню слоя Сохранить как.... В диалоге выберем (см. Рис. 24.13.):

    • Формат GeoJSON

    • Имя файла fed_districts.geojson

    • Система координат EPSG:4326 - WGS 84

    • Поставить флажок Добавить слой в проект

    ../../../_images/ngq_save_as.png

    Рис. 24.13. Диалог сохранения слоя.

    Нажмем «ОК». В результате в на карту добавится новый слой «fed_districts». Удалим из дерева слоев таблицу «fed_districts» и слой «Federal districts of Russia», для этого последовательно на каждом слое в дереве слоев вызовем конткестное меню и выберем в нем пункт Удалить. В результате на карте должны остаться только 2 слоя: «fed_districts» и «OpenStreetMap Standard aka Mapnik».

    Переименуем слой «fed_districts» в «»Федеральные округа». Для этого, вызовем контекстное меню слоя «fed_districts» и выберем в нем пункт Переименовать. В поле ввода введем «Федеральные округа».

  12. Преобразуем текстовые значения поля fed_districts_pop_change в цифровые при помощи калькулятора поля. Для этого, в таблице атрибутов слоя нажимаем на соответствующую кнопку панели инструментов (см. Рис. 24.12. вторая справа).

    В диалоге вводим следующие параметры (см. Рис. 24.14.):

    • Отметим флажок Создать новое поле

    • Имя поля pop_change_num

    • Тип Десятичное число (real)

    • Размер 20

    • Точность 10

    • Выражение "fed_districts_pop_change"

    ../../../_images/ngq_add_new_field.png

    Рис. 24.14. Диалог калькулятора поля.

    После нажатия «ОК» в таблице атрибутов добавится новое поле с именем pop_change_num. При этом будет активирован режим редактирования. Завершим режим редактирования, вызвав контекстное меню слоя и выбрав пункт Режим редактирования. На запрос сохранения правок (см. Рис. 24.15.) отвечаем утвердительно.

    ../../../_images/ngq_save_warning.png

    Рис. 24.15. Запрос на сохранение правок.

  13. Настроем стиль отображения слоя «Федеральные округа». Вызовем контекстное меню слоя и выберем пункт Свойства. В диалоге свойств слоя перейдем на вкладку «Стиль». На вкладке «Стиль» введем следующие параметры (см. Рис. 24.16.):

    • Стиль Градуированный знак

    • Поле pop_change_num

    • Градиент от синего до красного

    • Классов 7

    ../../../_images/ngq_style_settings.png

    Рис. 24.16. Вкладка «Стиль» диалога свойств слоя.

    Нажмем кнопку «Классифицировать».

    Перейдем на вкладку «Подписи» и введем следующие параметры (см. Рис. 24.17.):

    • Подписи Показывать подписи для этого слоя

    • Подписывать значениями name

    • Размер (текста) 11.0000

    ../../../_images/ngq_label_settings.png

    Рис. 24.17. Вкладка «Подписи» диалога свойств слоя.

    В результате должна получится следующая карта (см. Рис. 24.18.).

    ../../../_images/ngq_map.png

    Рис. 24.18. Карта федеральных округов.

    На карте показаны прирост/убыль населения в виде градиента от красного и до синего цвета. Чем цвет ближе к красному, тем больше прирост населения, к синему - убыль.

Публикация интерактивной веб карты

На предыдущем этапе мы создали карту в настольном приложении NextGIS QGIS. Теперь опубликуем эту карту в вашей Веб ГИС на сервисе nextgis.com.

  1. Сохраним файл проекта при помощи меню Проекты Сохранить как.... В диалоге сохранения укажем путь и имя файла проекта fed_districts.

  2. В панели плагина NextGIS Connect вызовем меню кнопки «Добавить в Веб ГИС» и выберем пункт Импортировать текущий проект (см. Рис. 24.19.).

    ../../../_images/ngqc_import_menu.png

    Рис. 24.19. Меню кнопки «Добавить в Веб ГИС».

    В открывшемся диалоге зададим имя «Федеральные округа». После нажатия кнопки «ОК» будет открыта новая веб карта (см. Рис. 24.20.).

    ../../../_images/ngw_fed_districts.png

    Рис. 24.20. Веб карта федеральных округов.

    Полученную карту можно внедрить в свою веб страницу, для этого перейдем на вкладку «Поделиться» (см. Рис. 24.21.).

    ../../../_images/ngw_share_webmap.png

    Рис. 24.21. Веб карта федеральных округов в режиме формирования ссылки для внедрения в свою веб страницу.