Jak to celé začalo: Projekt Izometrický Liberec (izomapa.fun)
Za projektem Izometrický Liberec (izomapa.fun) stojí můj bývalý kolega a kamarád Adam Klatovský. Projekt dokáže vzít reálná otevřená geografická data (z Overture Maps, OpenStreetMap a digitální výškový model ČÚZK) a algoritmicky je vykreslit do podoby detailní izometrické pixel-art mapy ve stylu klasického SimCity 2000. Mapa navíc žije: podporuje střídání ročních období, denní i noční režim, interaktivní body zájmu a plynulý hloubkový zoom.
Tento koncept mě zaujal, proto jsem se do projektu aktivně zapojil a podpořil ho sérií pull requestů. Začal jsem radit a pomáhat s celkovou architekturou tak, aby byl projekt dlouhodobě udržitelný. Zásadní bylo pomoci s úpravami builderu a buildovací pipeline – cílem bylo umožnit, aby na mapových podkladech a datech mohlo pracovat více nadšenců současně bez nepříjemného „merge hell“ a vývojáři se mohli navzájem podporovat při přidávání nových lokalit.
Celý nástroj je dostupný jako open-source v repozitáři github.com/adamklatovsky/izomapa.
Vlastní realizace: Izometrický Dětřichov, Heřmanice a Mníšek-Fojtka
V návaznosti na mateřský projekt a optimalizovaný builder jsem se pustil do vygenerování map pro obce na Liberecku a Frýdlantsku – Dětřichov, Heřmanice a Mníšek a Fojtku.
Pro všechna katastrální území jsem zpracoval prostorová data, vygeneroval dlaždicové pyramidy pro jednotlivá roční období a nasadil je na samostatné subdomény, kde jsou volně přístupné přímo v prohlížeči:
Živý projekt
Detailní zobrazení obce Dětřichov na Frýdlantsku – kostel sv. Anny, historické usedlosti, průmyslový areál i okolní kopce a lesy.
Spustit mapu
Živý projekt
Pohraniční obec Heřmanice v izometrické perspektivě včetně výškového profilu terénu, vodotečí a podzimních barev krajiny.
Spustit mapu
Živý projekt
Podhůří Jizerských hor – obec Mníšek a navazující Fojtka včetně vodní nádrže Fojtka, lesních masivů a členitého terénu.
Spustit mapu
Technické zákulisí: Co všechno běží pod kapotou?
-
Geometrie a datové zdroje: Využití otevřených dat z Overture Maps a OpenStreetMap pro půdorysy budov, uliční síť, zeleň a vodstvo, zkombinované s DMR (digitálním modelem reliéfu) z ČÚZK.
-
Izometrická projekce: Pohled shora a šikmo bez úběžníků – čáry se v dálce nesbíhají, takže si všechny objekty zachovávají své proporce bez ohledu na vzdálenost od kamery.
-
DeepZoom pyramida a WebP: Obrovské rozlišení finální mapy (desítky tisíc pixelů) je rozřezáno do víceúrovňové dlaždicové pyramidy ve formátu WebP pro bleskové načítání v prohlížeči bez přetížení operační paměti.
-
OpenSeadragon & dynamické vrstvy: Webový prohlížeč využívá upravenou knihovnu OpenSeadragon s podporou plynulého střídání textur ročních období a vykreslování procedurálních detailů (stromy, lampy, stíny).
Velký dík patří Adamu Klatovskému za vytvoření tohoto skvělého konceptu a sdílení kódu s komunitou. Podobné projekty ukazují, jakou sílu má propojení otevřených dat, moderního softwarového inženýrství a hravého designu.