V poslední době na blogu hodně píšu o webu PoznejmeSvět.cz. Je to takový experiment, který se neustále vyvíjí a ještě uvidím, co z něj vlastně bude. Nicméně asi posledním restem k dosažení toho, co považuji za základní verzi, byly mapové podklady.
Myslím, že tipy na zajímavá místa pro cestovatele jsou celkem k ničemu, když je nedoprovází mapa, která by říkala, kde jsou umístěné. To jsem pořešil pomocí Google Fusion Tables, které můžu rozhodně doporučit (časem asi napíšu krátký návod). A které můžete vidět v akci třeba v článku o Stockholmu.
Druhými mapovými podklady byl rozcestník na stránky jednotlivých zemí. Pro tento účel jsem hledal nějakou interaktivní mapu. Jedno řešení byl (nutno říct slušně vypadající) mapový plugin pro Wordpress. Já jsem ale nakonec skončil u velmi dobře působících interaktivních map od polského vývojáře Lukasze Popardowskiho.
Ten nabízí mapy pro svět (kontinenty), Evropu a Jižní Ameriku (jednotlivé státy) ke stažení zcela zdarma. Nějaký poplatek si pak účtuje za mapy konkrétních zemí. Super je, že nepoužívá Flash, což byla moje falší podmínka.
Základní nastavení je jednoduché:
- Stáhnete si celkem velký balík. Z něj vymažete rozměrově nepotřebné velikosti podkladů (čímž jeho velikost srazíte na pár MB).
- Na web nahrajete adresáře s vybranými mapami (a v nich vnořenými soubory). Pokud chcete být úplně nezávislí, tak i soubor jquery.cssmap.js (který jinak můžete tahat z autorova cloudu).
- Otevřete si (na svém počítači) soubor index.html, ve kterém je ukázka a návod.
- Ve své šabloně mezi tagy <head> přidáte nejprve odkaz na CSS map a pod něj odkazy na dva skripty. Všechny tři najdete nadefinované v otevřeném index.html.
- Na vybrané místo webu (v mém případě stránku Wordpressu v HTML režimu) pak přidáte skript mapy, ve kterém vypíšete vybranou velikost. Definice opět v index.html.
- Pak už jen zbývá přidat dlouhý <div> seznam jednotlivých zemí, opět umístěný ve zmiňovaném souboru. Ten můžete pro využití v českých podmínkách přeložit a přepsat odkazy na stránky, na které chcete, aby vše vedlo.
- A hotovo :) V akci to můžete vidět na PoznejmeSvět.cz.
Mapy krom toho nabízejí několik dalších jednodušších úprav, které jsou opět zmiňované v souboru index.html. Pro jistotu upozorňuji, že soubor index.thml na web nepatří, tak ho tam ani nenahrávejte :)
Snad se tenhle tip na interaktivní mapy světa a dvou kontinentů bude hodit!