Přeskočit obsah

Webová kartografie

Tento povinně-volitelný předmět seznamuje se základy fungování a vytváření mapových aplikací ve webovém prostředí.

Začíná se seznámením s jazykem JavaScript a jeho možnostmi, přičemž je zmíněno fungování webových stránek a serverů, problematika DNS a domén a hostování webového obsahu. Mapové výstupy jsou pak vytvářeny užitím dvou metod – pomocí open-source mapové knihovny (využíváme Leaflet) a pomocí API rozhraní pokročilého kartografického cloudu (využíváme ArcGIS Online).

Jako účastníci kurzu se naučíte naprogramovat mapové aplikace využívající širokou škálu funkcionality, od rastrových a vektorových podkladových vrstev, přes stylování, tvorbu pop-upů, grafů a tematických výstupů po propojení mapy s grafikou či dalším obsahem. Pomocí ArcGIS API for Javascript si rozšíříte znalosti o tvorbě webových mapových aplikací v prostředí Esri, kde tento předmět navazuje na základy probírané v Kartografii 3.

Naučíte se

  • základy HTML, CSS a JavaScriptu

  • vyvíjet interaktivní webové mapové aplikace

  • využívat open-source mapové knihovny jako třeba Leaflet či OpenLayers

  • vizualizovat geoprostorová data na webu

  • pochopit fungování webových serverů

  • vytvořit interaktivní infografiku a propojit jí s mapou

  • sdílet data prostřednictvím webu (systém ArcGIS Online, webové mapové aplikace)

  • publikovat webové mapové aplikace s využití open-source softwaru QGIS

Doporučená literatura

Harmonogram

Informace jsou aktuální pro letní semestr 2025/2026.

Ing. Tomáš Janata, Ph.D. | Ing. František Mužík

Týden Datum Typ Náplň Vyučující Domácí úkol
1 19.2. Přednáška Motivace k webové kartografii, úvod. Představení prostředí a technik. Přístupy k tvorbě webového obsahu. Webový server, typy serverů. Hosting FM
Cvičení Úloha 1 – Základ HTML. VS Code. Tvorba webové formy životopisu FM
2 26.2. Přednáška Webový server – konfigurace. DNS, propojení obsahu s doménou. Základy JavaScript – datové typy, proměnné. Funkce, pole, řetězce, moderní operátory, cykly. DevTools, konzole, debug, responsivita. TJ
Cvičení Úloha 1 - Základy práce s CSS. Základy JavaScriptu TJ U1 - Životopis
3 5.3. Přednáška Základy JavaScript – DOM, asynchronní přenos, události, objektové typy. JSON, odkazování do souborů a načítání ze souborů. FM
Cvičení Úloha 2A – Mapová aplikace v prostředí Leaflet FM
4 12.3. Přednáška Mapové knihovny – Leaflet, OpenLayers, MapTiler. Leaflet – základní informace. Leaflet – mapový objekt, symbolika, prostorové dotazování, pop-up. Mapové elementy a rozdíly oproti konvenční kartografii. FM
Cvičení Úloha 2A - GeoJSON. Tvorba kartogramu v Leaflet FM
5 19.3. Přednáška Vstupní a výstupní formáty souborů. GeoJSON, souborové databáze, GeoPackage. Vektorové a rastrové dlaždice FM
Cvičení Úloha 2B – Knihovna D3.js FM
6 26.3. Přednáška Javascriptové knihovny a prostředí pro tvorbu map. D3.js FM
Cvičení Úloha 2 - Propojení Leaflet a D3.js. Kartodiagram FM
7 2.4. Přednáška děkanské volno
Cvičení děkanské volno
8 9.4. Přednáška — FM
Cvičení Úloha 3 - Tvorba mapové aplikace vybraného státu FM U3 - Leaflet aplikace stát
9 16.4. Přednáška Serverové fungování, nastavení, širší vztahy webového mapování. Apache, IIS TJ
Cvičení Windows server (IIS) – konfigurace vlastního prostoru TJ
10 23.4. Přednáška Základy ArcGIS JavaScript API. Práce s WebMap TJ
Cvičení Úloha 4 – Základy ArcGIS JavaScript API. Práce s WebMap. Mapová aplikace pomocí ArcGIS API TJ
11 30.4. Přednáška ArcGIS JavaScript API – pokročilé možnosti. Feature Collection TJ
Cvičení Úloha 4 - Pokročilejší práce s ArcGIS JavaScript API TJ
12 7.5. Přednáška Ladění a škálování aplikací. Další API prostředí – CARTO.db, Mapbox aj. MapTiler, OSM TJ
Cvičení Úloha 4 - Finalizace aplikace pomocí ArcGIS JavaScript API TJ
13 14.5. Přednáška — FM
Cvičení Využití AI pro zpracování dat a kartografickou vizualizaci FM