Přejít k navigační liště

Zdroják » Zprávičky » Vektorová mapa CEZETMAP pomocí CSS

Vektorová mapa CEZETMAP pomocí CSS

Zprávičky Webdesign

Existuje řada webových map České republiky (o jedné jsme tu kdysi psali), Moravio přišlo se zajímavým nápadem vykreslit mapu pomocí vektorového fontu. Do HTML tak vložíte mapu pomocí neuspořádaného seznamu krajů a jeho zobrazení v podobě mapy zajistí zahrnutí příslušného stylopisu.

<link rel="stylesheet" href="cezetmap/css/cezetmap.css" />

<div class="cezetmap">
  <ul class="kraje">
    <li class="kraj zlinsky">Zlínský kraj</li>
    <li class="kraj moravskoslezsky">
      <a href="?kraj=moravskoslezsky" title="Moravskoslezský kraj">Moravskoslezský kraj</a>
    </li>
    <li class="kraj jihomoravsky">Jihomoravský kraj</li>
    <li class="kraj olomoucky">Olomoucký kraj</li>
    <li class="kraj vysocina">Vysočina</li>
    <li class="kraj pardubicky">Pardubický kraj</li>
    <li class="kraj kralovehradecky">Královehradecký kraj</li>
    <li class="kraj jihocesky">Jihočeský kraj</li>
    <li class="kraj hlavni-mesto-praha">Hlavní město Praha</li>
    <li class="kraj stredocesky">Středočeský kraj</li>
    <li class="kraj liberecky">Liberecký kraj</li>
    <li class="kraj plzensky">Plzeňský kraj</li>
    <li class="kraj ustecky">Ústecký kraj</li>
    <li class="kraj karlovarsky">Karlovarský kraj</li>
  </ul>
</div>

Mapa České republiky

Projekt se jmenuje CEZETMAP. Je dostupný pod Creative Commons licencí s uvedením autora, zdrojové kódy najdete na GitHubu. V tuto chvíli je dostupná verze 2.2, která přidává tootip s názvem města (viz screenshot). Podporováno je také zobrazení 110 měst.

CEZETMAP si můžete snadno vyzkoušet na demo stránce. Více se o projektu dozvíte s prezentace Tomáše Musiola.

 

Komentáře

Odebírat
Upozornit na
guest
2 Komentářů
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
Zobrazit všechny komentáře
Petr Steinbauer

Dokud to nebude umět okresy a části Prahy (uzo, uto i těch 57 -nevím čeho – celků) tak to má dost omezené použití.
Ale jako nápad velmi dobré – chválím.

martin.bargl

A zrovna by se mi ty části prahy hodily :-/

Urban VPN Browser Extension tajně sbírá a prodává AI konverzace milionů uživatelů

AI, Různé
Komentáře: 0
Bezplatné rozšíření do prohlížeče Urban VPN Proxy, které slibovalo anonymní přístup k internetu, se podle bezpečnostních expertů ukázalo být hrozbou pro soukromí uživatelů. Rozšíření totiž potají sbíralo konverzace s AI asistenty a odesílalo je na servery třetích stran, aniž by uživatelé o této aktivitě věděli. Případ upozorňuje na rizika bezplatných VPN nástrojů a potřebu průběžné kontroly bezpečnosti nainstalovaných doplňků.

Jak Reddit migroval svou funkcionalitu komentářů z Pythonu do Go

Různé
Komentáře: 0
Reddit modernizuje jednu ze svých nejdůležitějších částí infrastruktury: systém komentářů, který denně obsluhuje miliony uživatelů. Původní Pythonový monolit přestával vyhovovat nárokům na výkon a škálování, a proto se tým rozhodl přepsat celý backend komentářů do Go. Migrace probíhala postupně, s paralelním během staré a nové služby, aby nedošlo k narušení uživatelské zkušenosti. Inženýři zavedli detailní porovnávání odpovědí, izolované databáze a robustní monitoring, což umožnilo bezpečné testování na živém provozu. Celý proces ukazuje, jak lze zásadní infrastrukturní změny provést bez výpadků a s důrazem na konzistenci dat.