Найти тему
DIGGeo

Интерактивная карта в QGIS. Часть 2: создание html-страницы и ее публикация в интернете

Оглавление

В первой части статьи рассматривался процесс обработки данных и автоматизации процессов при создании интерактивной карты изменения береговой линии Симферопольского водохранилища за последние 20 лет. Теперь необходимо проект карты превратить в html-страницу и опубликовать ее в интернете. При публикации возникает вопрос о площадках для размещения сайта. Но обо всем по порядку.

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

В первую очередь устанавливаем модуль qgis2web. Этот модуль позволит создать html-страницу.

На панели инструментов появится соответствующая кнопка, которая откроет окно настройки карты
На панели инструментов появится соответствующая кнопка, которая откроет окно настройки карты
Кнопка Update preview обновляет вид карты после изменений
Кнопка Update preview обновляет вид карты после изменений

В Layers and Groups можем выбрать слои, которые хотим видеть или, наоборот, которые хотим исключить. В нижней части окна видно такие функции как OpenLayers, Leaflet, Mapbox. Это своего рода типы интерфейса. В каждом из них по-своему отображаются панель слоев, кнопки масштабирования, линейки и т.д. Для данной карты наиболее подходящим интерфейсом явился OpenLayers.

-4

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

Сохранение карты лучше производить не через кнопку в нижней части окна, а через вкладку в верхней. Задаете путь и имя папки.

Результатом становится папка, содержащая в себе другие папки и саму страницу
Результатом становится папка, содержащая в себе другие папки и саму страницу

Файл index откроет в браузере полноценную готовую карту.

Размещение html-страницы в интернете

Этот вопрос был одним из самых сложных. Большинство ресурсов, кроме того, что предлагают платные услуги по размещению сайтов, являются довольно сложными в понимании для тех, кто никогда прежде с этим дело не имел. Поэтому нужен простой и понятный, а главное, бесплатный, вариант. Таковым является сервис Netlify.

-6

Регистрируетесь через электронную почту, авторизуетесь.

-7

Открывается такая страница. И прямо с рабочего стола можно перенести папку с html-страницей и всем содержимым в это белое поле.

-8
-9

И все. Страница опубликована. Второй и третий шаги предусматривают создание своего доменного имени. Но это уже за отдельные комиссионные. Вопрос в том, нужно ли вам это особое доменное имя? Netlify предоставляет бесплатное имя, которое нельзя изменить. В данном случае это https://fervent-torvalds-c2f882.netlify.app

Если планируется импортировать карту в какой-то сайт, как это сделано в статье Крыминформа, то уникальное доменное имя теряет свой смысл.

Читайте нас в Telegram и ВКонтакте