2. Data a stanovení obsahu aplikace

Mapová aplikace pro svatební web bude velmi jednoduchá z hlediska dat. Jako podklad využijeme parcely katastru z šesti katastrálních územích Střížkov, Prosek, Letňany, Vysočany, Libeň a Kobylisy. Dále zobrazíme a ostylujeme předpřipravené vrstvy cest (liniová kolekce ve formátu GeoJSON) a mapové symboly (kolekce o dvou bodových prvcích rovněž ve formátu GeoJSON).

Připravená data

Podkladová data ve formě parcel

Původní data stažená z adresy https://services.cuzk.cz/shp/ku/epsg-5514/ jsou k dispozici ve složce data_geoserver_orig jako zip soubory. Jedná se o data šesti katastrálních území stažená z adresy https://services.cuzk.cz/shp/ku/epsg-5514/. Zip soubory obsahují několik shapefile vrstev, jež dohromady tvoří data katastrální mapy. My z těchto vrstev využijeme pouze vrstvy s názvem PARCELY_KN_P.

Pro účely tohoto tutoriálu je již připraven upravený shapefile s názvem parcely_km ve složce data_geoserver, který vznikl sloučením a ořezáním originálních vrstev PARCELY_KN_P. Tuto vrstvu v dalších krocích tutoriálu vypublikujeme formou vektorových dlaždic, které zobrazíme pomocí knihovny OpenLayers.

Cesty a mapové symboly

Svatebčané mají více možností, jak se dostat z místa obřadu (kostel Prosek) na místo svatební hostiny (restaurace Svatojánský dvůr na Střížkově). V adresáři web/features jsou předpřipraveny dva GeoJSON soubory, jejichž souřadnice v S-JTSK byly manuálně sesbírány na vrstvě parcel zobrazené v softwaru QGIS. První soubor routes.geojson obsahuje kolekci liniových geometrií cest i s atributy. Druhý soubor map_symbols.geojson obsahuje dva bodové prvky, které slouží pro zobrazení mapových symbolů. U obou souborů můžeme nalézt tag properties, který obsahuje data pro budoucí stylizaci knihovnou OpenLayers.

Ikonky a obrázky

V adresáři web/pictures jsou k dispozici obrázky obou míst (obřad a hostina), které budeme zobrazovat v rámci vyskakovacích oken v mapové aplikaci. Ikonky mapových symbolů k těmto místům jsou připraveny v adresáři web/icons.

Funkcionality mapové aplikace pro svatební web

Na základě připravených dat vytvoříme geometrický obsah mapové aplikace. Samotný geometrický obsah nicméně nestačí, potřebujeme aplikaci dodat interaktivitu. Zde půjde zejména o stylizaci vektorových dlaždic a zobrazení a stylizaci několika dalších specifických vektorových prvků. Dále budeme zobrazovat vyskakovací okna s dalšími informacemi o obřadu a hostině.

Označení a zvýraznění důležitých míst pro den D

Svatební obřad se koná v kostele Sv. Václava na Proseku. Svatební hostina se poté koná v restauraci Svatojánský Dvůr blízko metra Střížkov. Obě tato místa budeme chtít v aplikace nějakým způsobem zvýraznit a napsat k nim nějaké informace.

Označení a zvýraznění důležitých míst provedeme čtyřmi způsoby:

1) Hned při spuštění aplikace se postaráme o to, aby dvě příslušné parcely, na kterých leží důležitá místa, byly označeny určitou barvou. Popisná data jsou ukládána přímo v rámci dlaždic, což je vlastnost, kterou nyní využijeme. Jelikož při přípravě dat v softwaru QGIS došlo ke sloučení atributů obou původních vrstev, atribut ID nemusí být v rámci sloučené vrstvy jediněčný. Jako jedinečný atribut proto využijeme atribut ID_2, který odpovídá identifikátoru parcely z Informačního systému katastru nemovistostí. Tento identifikátor je s jistotou jedinečný v rámci celé republiky.

Parcela, na které stojí kostel, má hodnotu atributu ID_2 2238913101 a parcela, na které je postavena restaurace Svatojánský Dvůr má hodnotu atributu 2113941101.

2) Místa zvýrazníme vektorovou vrstvou dvou bodových prvků, kterým dáme styl předvybraných ikonek.

3) Vytvoříme Popup okna, do kterých napíšeme zprávu pro svatebčany, vložíme fotografii místa a jeho souřadnice (jak v souřadnicovém systému S-JSTK (EPSG:5514) tak ve WGS84 (EPSG:4326)). Popup okno bude vždy zobrazeno po kliknutí na ikonku důležitého místa.

4) Po najetí na parcelu důležitého místa či na ikonku důležitého místa dynamicky změníme vzhled těchto prvků (např. zvětšení ikonky).

Zobrazení a popis variant přesunů mezi důležitými místy

Obě místa jsou od sebe pěšky vzdálena něco málo přes kilometr. První variantou je tedy dojít onu vzdálenost pěšky. Druhou variantou je dojít na metro nebo na autobus a jet ze zastávky Prosek na zastávku Střížkov.

1) Přidáme liniové prvky cest a provedeme jejich stylizaci na základě přidružených atributů (statická i dynamická stylizace).

2) Vytvoříme popup okna, do kterých napíšeme informace pro svatebčany (čáslo linky, pěší vzdálenost, jízdní řád apod.).