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
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 :-/

Frugal computing: architektura pro dobu dražší infrastruktury

Vývojáři se naučili zrychlovat dotazy, přidávat cache, škálovat služby a hlídat účet za cloud. Frugal computing začíná o jednu otázku dřív: musí se výpočet, přesun dat, volání modelu nebo uložení vůbec stát? Rostoucí spotřeba datových center a nové evropské reportování ho posouvají do návrhu architektury, dřív než do závěrečné poznámky o udržitelnosti v prezentaci.

Odysseus: PewDiePie vydal open-source AI workspace, který běží na vašem vlastním hardwaru

AI
Komentáře: 0
Felix Kjellberg, youtuber se 110 miliony odběratelů, strávil rok učením se programovat a fine-tuningem vlastních AI modelů. Výsledkem je Odysseus – bezplatný, open-source workspace pro práci s umělou inteligencí, který neposílá žádná data do cloudu. Projekt má týden, přes 61 000 hvězdiček na GitHubu a znovu otevírá otázku, komu vlastně patří váš digitální kontext.

Když Git už nestačí: jak izolovat databázový stav pro pokusy AI agentů

Gitová větev vývojářům oddělí kód, ale databáze často zůstává společná. U AI agentů je to slabé místo: rychle spouštějí migrace, mění data a zkoušejí víc cest najednou. Databázová větev jim dá vlastní pracovní prostor, jenže tím práce nekončí. Ještě je potřeba řešit citlivá data, oprávnění, životnost větve i zbytek stavu aplikace.