Vektorový editor map pro tvorbu krásných map

Mapa festivalu, třídní pořádek nebo plánek parkoviště? To vše můžete s touto mapovou aplikací připravit

Pro našeho mezinárodního klienta působícího na americkém i evropském trhu jsme vytvořili dynamickou webovou aplikaci, kterou lze použít k vytvoření jakýchkoli mapových plánů venkovních i vnitřních prostor. Tato mapová aplikace nabízí množství možností, jak může výsledný mapový podklad vypadat a co může obsahovat. Představte si například hudební festival a k němu interaktivní mapový podklad.

Vektory a moderní technologie v jejím jádru

Díky moderním technologiím můžete přímo v prohlížeči kreslit geometrické tvary, jako jsou čtverce, kruhy, obdélníky a další, ale také jakékoliv jiné tvary nebo objekty díky možnosti navrhování pomocí mnohoúhelníků. Samozřejmostí je možnost textových popisů nebo vkládání různých vektorových podkladů. Výsledný mapový podklad vypadá vždy dobře bez ohledu na to, na jakém zařízení si jej uživatel prohlíží. To je zajištěno tím, že používáme pouze vektorovou grafiku a vše "kreslíme" na moderní SVG Canvas.

##Potřebujete nastylovat podklad mapy podle svého klienta? Bez problému! Mapy lze stylizovat téměř libovolným způsobem. Zároveň je možné upravovat detaily každého objektu na mapě zvlášť, včetně velikosti, umístění, pravidelnosti tvarů a dalších parametrů.

A co další technologie, které jsme použili k vytvoření tohoto webového nástroje pro tvorbu map?

Je to především Next.js s Reactem. Ty samozřejmě používáme pro frontendový vývoj. Obojí je součástí moderního programovacího stacku a jádrem DNA Moravio.

Používáme také Material UI a jeho komponenty uživatelského rozhraní, abychom nemuseli vždy vytvářet zcela nové grafické prvky tam, kde to není potřeba. Používáme také Redux pro řízení globálních stavů. V dnešní době také velmi rozšířená a funkční knihovna.

Pro automatické testování celé mapové aplikace používáme frameworky Jest.js nebo Cypress. Jest.js především pro kontrolu správné funkčnosti jednotlivých prvků celého webového mapového editoru, například otáčení bodu kolem daného středu. Pro manuální testování uživatelského flow pak používáme hlavně Cypress.

Potřebujete pomoci s tvorbou webových map nebo obecně s nástroji pro vektorovou grafiku v prohlížeči? Dejte nám vědět!

Pokud hledáte vývojáře, kteří mají zkušenosti s vývojem mapových aplikací nebo všeobecně s 2D/3D grafikou ve webových prohlížečích, jsme tu pro vás. Poradíme si jak s rastrovými aplikacemi, tak i s vektorovými aplikacemi představenými výše.