Qgis2web je zásuvný modul programu QGIS (aktuálna verzia 3.11.0), ktorý v roku 2015 vytvoril Tom Chadwin a kol. S počtom 523 986 stiahnutí je šiestym najčastejšie sťahovaným pluginom spomedzi všetkým (k 10.12.2019). Tento plugin generuje webovú mapu z aktuálneho projektu QGIS, a to buď ako OpenLayers, alebo ako Leaflet. Replikuje čo najviac aspektov projektu ako napríklad vrstvy, štýly (vrátane kategorizovaných a odstupňovaných) a rozsah. Nie je potrebný žiadny softvér na strane servera.

 

Inštalácia pluginu:

V sekcii Plugins vyberte Manage and Install Plugins..., do vyhľadávacieho okna zadajte Qgis2web a následne kliknite na Install Plugin.

Spustenie pluginu:

úspešnej inštalácií by sa mala zobraziť ikona Create web map

Ak sa ikona nezobrazí, je možné plugin spustiť aj v sekcii Web, kde následne vyberte Qgis2web, resp. Create web map

Nastavenie pred spustením pluginu:

Ukážky budú prezentované na vrstve SidlaPlochy z dátovej sady ArcČR 500 (súčasťou súboru data_Qgis2web.zip, ktorý sa nachádza na konci dokumentu).

Pred samotným spustením pluginu je vhodné vrstve upraviť nastavenie Widget type. Toto nastavenie sa nachádza v ponuke vrstvy Properties..., následne v sekcii Attributes Form. 

Týmto nastavením docielime to, či a v akej forme sa budú vo vygenerovanej webovej mape zobrazovať jednotlivé atribúty z atribútovej tabuľky. Predvolené nastavenie Widget type je Text Edit, v tomto prípade by to znamenalo, že po vygenerovaní webovej mapy sa táto hodnota budie zobrazovať. Naopak, keby nastavenie Widget type zmeníme na Hidden, tak tieto hodnoty ostanú skryté. Je dobré venovať čas správnemu nastaveniu každého atribútu.

Nastavenie po spustením pluginu:

Po spustení pluginu sa zobrazí okno, kde je možné nastavenie parametrov. V dolnej časti tohto okna sa nachádza možnosť výberu formy výslednej webovej mapy: OpenLayers, Leaflet a Mapbox GL JS. Jedná sa o rôzne knižnice pre tvorbu webových máp, ktoré sa líšia v možnostiach, ktoré poskytujú. Je pravdepodobné, že komplikovanejšia symbolika sa bude rozlične exportovať pomocou rôzných knižníc.

Ďalej tlačidlo Update preview a Export. Pomocou tlačidla Update preview môžete zobraziť náhľad ako bude výsledná webová mapa vyzerať. Je veľmi vhodné toto tlačidlo používať pri akejkoľvek, hoci aj malej zmene nastavenia, nakoľko si vďaka nemu môžete skontrolovať výsledok a odhaliť v ňom prípadné chyby.

V pravej časti sa zobrazuje náhľad s tlačidlami priblíženia a oddialenia.

V ľavej hornej časti tohto okna sa nachádzajú štyri sekcie nastavenia parametrov (Layers and Groups, Appearance, Export, Settings + sekcia Help). Tieto sekcie sú totožné pre všetky formy webovej mapy.

V sekcii Layers and Groups sa nachádza základné nastavenie, ktoré vrstvy z aktuálneho projektu budú skutočne vykreslené vo výslednej webovej mape (zaškrtávanie pri názve vrstvy). Pomocou Visible sa jednoducho nastavuje viditeľnosť danej vrstvy.

 

Zaškrtnutím možnosti Popups zabezpečíte, že po kliknutí na určitý objekt v mape sa zobrazia údaje z atribútovej tabuľky. Samozrejme, ak táto možnosť ostane nezaškrtnutá, tak sa spomínané údaje zobrazovať nebudú.

V nastavení Popup fields si môžeme vybrať akým štýlom budú Popupy zobrazované. Predvolené nastavenie je no label, čo znamená, že sa z atribútovej tabuľky zobrazia iba hodnoty, nie však názvy jednotlivých atribútov. Ďalšie možnosti sú inline label a header label. V prípade inline label sa jedná o zobrazenie názvu atribútu aj jeho hodnoty v riadku, naopak v prípade header label  je názov a hodnota atribútu v dvoch riadkoch pod sebou.

V sekcii Appearance sa nachádzajú pokročilejšie nastavenia, ktoré sú rozdelené do dvoch menších sekcií: Appearance a Scale/Zoom.

Podsekcia Appearance dovoľuje do mapy pridať abstrakt (Add abstract) (Obr. 9) a následne vybrať pozíciu, kde bude tento abstrakt zobrazený (zobrazenie abstraktu nie je možné v OpenLayers).

Zaškrtnutím Add adress search pridáte do mapy pole na vyhľadávanie adries (ikona lupy) (nie je možné pre OpenLayers).

Add layer list zabezpečí zobrazenie zoznamu vrstiev vo výslednej webovej mape (pri možnosti Expanded sa zoznam zobrazí ihneď a pri možnosti Collapsed je naň nutné presunúť kurzor myši). 

Pomocou Attribute filter (nie je možné v OpenLayers) si môžete vybrať atribút, pomocou ktorého budete schopní filtrovať webovú mapu. Po výbere atribútu sa vpravo hore zobrazí škála so začiatočným (minimálna hodnota vybraného atribútu) a koncovým (maximálna hodnota vybraného atribútu) bodom. Tieto body je možné posúvať, pričom sa na základe vášho výberu mení mapové pole.

 

Pomocou nástroja Geolocate user môžete zobraziť polohu užívateľa na mape.

Funkcia Highlight on hover zvýrazňuje prvky mapy pri prechode myšou.

V ponuke nástroja Layer search môžete vybrať atribút na základe ktorého bude možné vo webovej mape vyhľadávať.

Zaškrtnutím možnosti Match project CRS docielite rovnakú projekciu webovej mapy ako projektu v QGIS. Ak táto možnosť ostane nezaškrtnutá, webová mapa bude zobrazená v EPSG:3857 (Web Mercator).

Measure tool je nástroj na meranie vzdialeností a plôch, používateľ má na výber medzi metrickými (metre a kilometre) a imperiálnymi (stopy a míle) jednotkami. Po kliknutí na ikonu vyberte Create a new measurment, následne vyberte dva body na mape (v prípade merania vzdialenosti) a kliknutím na Finish measurment meranie ukončite. Na mape sa vami vybrané body spoja líniou a zobrazí sa ich vzdialenosť. V prípade merania plôch je postup rovnaký, treba ale samozrejme vybrať minimálne tri body. 

Show popups on hover zabezpečuje zobrazovanie popups (kontextových okien) pri prejdení kurzora myši, pre zobrazenie popups v tomto prípade nie je teda nutné na daný prvok kliknúť.

Nástrojom Templates je možné nastaviť veľkosť mapového poľa vo výslednej webovej mape, užívateľ má na výber zobrazenie na celú obrazovku a zobrazenie na veľkosť plátna.

Widget background mení farbu pozadia ikony ovládacieho prvku (priblíženie a oddialenie, vyhľadávanie adries, atď.). Widget Icon mení farbu samotnej ikony.

 

Podsekcia Scale/Zoom

Extent je nastavenie rozsahu, ktorý môže byť buď prispôsobený rozsahu vrstvy (Fit to layers extent) alebo takto prispôsobený nie je (Canvas extent).

Max zoom level, resp. Min zoom level je maximálna a minimálna hodnota priblíženia, resp. oddialenia webovej mapy.

Zaškrtnutím Restrict to extent zabránite približovaniu a odďaľovaniu nad hodnoty zvolené v Max zoom level, resp. Min zoom level.

V sekcii Export je možné nastaviť zložku, do ktorej sa webová mapa uloží (Export to folder). Zaškrtnutím Minify GeoJSON files zabezpečíte odstránenie nepotrebných prázdnych súborov z vyexportovaného súboru GeoJSON a zmenšíte tak jeho veľkosť. Nastavenie Precision zjednodušuje geometriu a taktiež znižuje veľkosť súboru (maintain – zachovaná geometria, následne čím menšiu hodnotu zvolíte, tým viac bude geometria zjednodušená).

V sekcii Settings môžete zaškrtnutím nastaviť náhľad hneď pri spustení pluginu (Prieview on startup), automatické zatvorenie okna spätnej väzby pri úspešnom exporte (Close feedback on success) a tak isto môžete v tejto sekcii nastaviť limit, koľko prvkov sa zobrazí v náhľade (Preview feature limit per layer).

V sekcii Help sú vysvetlené jednotlivé nastavenia.

 

Odkazy na ďalšie doporučené materiály:

·        https://www.qgistutorials.com/en/docs/web_mapping_with_qgis2web.html

o    návod na vytvorenie webovej mapy letísk

·        https://www.igismap.com/qgis2web-create-web-maps/

o    návod na vytvorenie webovej mapy Indie

·        https://www.sigterritoires.fr/index.php/en/how-to-export-your-qgis-project-to-an-html-page-in-two-clicks-the-qgis2web-plugin/

o    všeobecnejší návod pre vytvorenie webovej mapy

Zadanie cvičenia:

Pomocou pluginu Qgis2web vytvorte z aktuálneho projektu QGIS OpenLayers webovú mapu, kde bude mapové pole zobrazené na celú obrazovku a rozsah prispôsobený rozsahu vrstvy.

Použite polygónové vrstvy OkresyPolygony a SidlaPlochy z dátovej sady ArcČR 500 (súčasťou súboru data_Qgis2web.zip, ktorý sa nachádza na konci dokumentu) a zabezpečte aby sa zoznam týchto vrstiev vo výslednej mape zobrazoval.

Pokúste sa o to, aby popups pre vrstvu SidlaPlochy obsahovali iba atribút NAZEV s jeho hodnotou, ktoré budú zobrazované pod sebou.

Obdobne sa pokúste, aby popups pre vrstvu OkresyPolygony obsahovali iba atribúty NAZ_LAU1, NAROZENI, ZEMRELI, POCET_OBYV, MUZI a ZENY s ich hodnotami, ktoré budú zobrazované v jednom riadku.

Zabezpečte, aby pri prejdení kurzora myši boli prvky zvýraznené a zároveň bolo zobrazené aj kontextové okno.

Zobrazte na mape polohu, kde sa práve nachádzate a priložte print-screen.

Z vrstvy okresov v mape vyhľadajte okres Jihlava a priložte print-screen.

V mape vyhľadajte ulicu Kotlářská (Brno) a priložte print-screen.

Odmerajte vzdialenosť medzi obcami Jihlava a Třebíč a priložte print-screen.

 

Vytvorenú webovú mapu (vyexportovaný priečinok) a printscreeny vložte vo formáte *.zip do odevzdávarny.

ODEVZDÁVÁRNA