Project Background: Isometric Liberec (izomapa.fun)
The Isometric Liberec (izomapa.fun) project was created by my former colleague and friend Adam Klatovský. The project takes real open geographic data (from Overture Maps, OpenStreetMap, and digital elevation models from ČÚZK) and algorithmically converts them into a rich isometric pixel-art map reminiscent of classic SimCity 2000. It features full seasonal transitions, dynamic day and night cycles, and smooth deep-zoom navigation.
The technical concept caught my attention, so I joined the project and contributed a series of pull requests. I began advising on architecture to ensure long-term sustainability. A key contribution was helping optimize the map builder and pipeline architecture, allowing multiple enthusiasts to collaborate on spatial datasets concurrently without suffering "merge hell" and making it easy to support each other when integrating new territories.
The complete codebase is open-source on GitHub: github.com/adamklatovsky/izomapa.
Expanding to Regional Towns: Dětřichov, Heřmanice and Mníšek-Fojtka
Leveraging the project and the improved builder pipeline, I processed the spatial datasets and generated interactive isometric maps for three regional communities: Dětřichov, Heřmanice, and Mníšek a Fojtka.
All three maps are published on their own subdomains and can be explored in any browser:
Live Project
Detailed pixel-art map of Dětřichov – historical architecture, Church of St. Anne, industrial areas, and the surrounding rolling hills.
Launch Map
Live Project
The border village of Heřmanice rendered with full terrain elevation profiles, waterways, and autumnal forest palettes.
Launch Map
Live Project
Foothills of the Jizera Mountains – Mníšek and Fojtka featuring the scenic Fojtka reservoir, deep pine forests, and rugged terrain.
Launch Map
Under the Hood: Technical Architecture
-
Geodata Processing: Extracting raw building footprints, road vectors, and waterways from Overture Maps and OpenStreetMap, merged with high-resolution digital relief models.
-
Isometric Projection: Dimetric/isometric 2:1 angle without vanishing points – lines remain parallel, preserving true scale across the entire canvas.
-
DeepZoom Pyramids with WebP: Rendering huge tens-of-thousands-pixel maps sliced into hierarchical WebP tile pyramids for instantaneous browser loading.
-
OpenSeadragon Renderer: Interactive multi-layer viewport with smooth seasonal transitions and procedural detailing (procedural tree placement, lighting, and ambient shadows).
Huge thanks to Adam Klatovský for creating such an imaginative project and making it open to the community.