Mapka konturowa miasta - Jak i w czym zrobić? Opcje

[Garem2018]

Witam,

[ Jeśli to nie ten dział, proszę moderatorów o przeniesienie ! ]

Potrzebuję zrobić mapkę konturową miasta, z podziałem na dzielnice. Każda dzielnica miała by granice oznaczone linią (grubość kilku pixeli). Mapka otwiera się na pełny ekran (lub wypełnia całe okno przeglądarki), a więc musi być skalowalna od starych monitorów po 4K.

Na środku obszaru dzielnicy miałyby się wyświetlać dwie wartości liczbowe, każda dzielnica klikalna i oczywiście kliknięcie myszką powoduje przekierowanie na stronę odpowiadającą danej dzielnicy.

Chyba wszystko jasne? Pytanie w jakiej technologii to wykonać(IMG:style_emoticons/default/questionmark.gif) Grafikę jako SVG? Chciałbym pozostać przy HTML5, CSS3 i JS, bez żadnych frameworków JS, ew. JQuery.

Co polecacie, jakie technologie?

Mapkę będę miał w JPG, jak nanieść granice dzielnic i jak najlepiej to obsłużyć w JS? (kiedyś takie rzeczy robiło się we Flash, SilverLight czy apletach Java, ale to już nie te czasy (IMG:style_emoticons/default/biggrin.gif) ).

Może jakiś tutorial, gotowy przykład do wykorzystania ? (IMG:style_emoticons/default/smile.gif)

Dzięki!

Pozdr. Garem