Krajšie trasy na oma.sk

17.4.2015 12:21 | Přečteno: 1346×

Na oma.sk som dorobil nové vizualizácie trás, napr: Ľubochňa - Tvarožný grúň (resp iné cyklotrasy, či turistiky či mhd). Po novom používame leaflet namiesto openlayers, ako minule ide klikať do textu čo posunie mapu (napr. klik na vodopád).

Ale ide už aj klikať na features v mape. Napr na trasy alebo na rôzne POI. Tieto sa dajú zapnúť ako vrstva v pravom hornom rohu mapy, alebo klikom na nadpis sekcie. Kliknutá vec sa tiež zvýrazní v texte.

Užívajte.        

Komentáře

[Jan Jílek]

To je fakt skvělá věc.

[Prcek]

Proč jste přešli z OpenLayers na Leaflet? Já jen že v nějakých projektech v práci používáme OpenLayers, ale Leaflet jsme nikdy nezkoumali. Tak mě to zajímá.

[michal00]

začal som v čase keď ešte nebol OL v3. Vtedy mal leaflet dosť navrch, najmä v oblasti mobilov, ľahkosti geojson. Teda som časť zmigroval (a teraz domigroval).

OLv3 je (ževraj) už oveľa lepšia ako v2.

porovnanie dnes OLv3 vs. leaflet neviem. OL je viac opensource, leaflet má veľa pluginov...

[retroslava]

Jen bych vyhodil tu animaci (prohození boxů) po načtení stránky. To je naprostá šílenost. Jinak super práce!

[michal00]

je to daň za masonry, aby mohli byť boxy nerovnako veľké a nebolo veľa prázdneho miesta. potom je tam watch na zmenu veľkosti divu, čo sa ale deje často (lebo obrazky nabiehajú postupne). skúsim sa pohrať s nejakým timeoutom.

[Josef Kufner]

Nastav obrázkům atributy s jejich velikostí. Prohlížeč jim pak vyhradí správně velké místo už na začátku.

[michal00]

to znamená vedieť veľkosť obrázku vopred... časť neviem, lebo responsívny dizajn a obrázok má X% šírky. viem to nejak nastaviť cez CSS?

[Josef Kufner]

Pokud znáš poměr stran a šířku máš danou relativně ke stránce/kontejneru, můžeš obrázek obalit divem, který bude mít padding-bottom v procentech. Samotný obrázek pak musí mít "position: absolute", aby mu nevadil ten padding.

Zhruba takto:

.img_4_ku_3 {
  margin: 1em 0em;
  display: block;
  width: 100%;
  padding: 0px 0px 75% 0px;
}

.img_4_ku_3 img {
  position: absolute;
  display: block;
}

[michal00]

dal som tam nejaký timeout aby to prehadzovanie nebolo tak rýchle. len sa to blbo testuje, lebo tie browseri sú šikovné a pamätajú si veci v cache...

[Josef Kufner]

Browsery jsou šikovnější a umí cache nepoužívat. Například pokud je otevřený panel vývojářskými udělátky.

[KS]

Dobrá práce!

[pools]

A pořád sis nesehnal žádného UXkaře...

[kralyk z abclinuxu]

Dobře dělá...

[pools]

Tak určitě.

[Roslav]

Par postrehov, dufam, ze pomozu :)

K ficure: nedaju s na mapke zvolit trasy, ktore sice nekrizuju tu hlavnu/maju spolocne useky s hlavnou, ale su tam zobrazene. Takto pouzivatel nevie, ktore su tieostatne trasy

K srtanke: Vyzera uzitocne, ale ja sa neviem zorientovat v tom layoute, zda sa mi to byt strasne rozhadzane.

Animacie prehadzovania tych boxov ma rusia.

Dalej by som z tych Facebookovych social pluginov dal prec tie vnorene statusy, lebo ked si oma otvorim na telefone a skrolujem dole, tak ak si nedam pozor a kliknem do toho panelu, mi prestane skrolovat stranku, ale statusy v tom plugine (co je vlasne nekonecny list) a nedostanem sa dalej.

[michal00]

na všetky trasy sú linky typu turistický atlas. asi by to tam chcelo priamy link. alebo extra layer čo ich načíta (a zároveň nezblne stránku..)

testuje toto, teda hlavne tie horizontálne predely aby tie boxy neboli úplne na jednej kope.

[Josef Kufner]

Hm... nechceš tu mapu umístit do okna namísto běžného blokového elementu? Něco jako je na mapy.cz, že obsah je ve schovávatelném panelu a mapa vyplňuje veškeré dostupné místo.

[michal00]

to moc nechcem. na to máme stránku freemap.sk.