diskusia: ako zobrazovat dalsi obsah? about freemap-v3-react

[zdila]

Mozno by sme mohli funkcie "Hladat POI, Meranie vzdialenosti, Planovac trasy a vyskomer" zbalit do menu s nazvom "Funkcie". Uz aj teraz, ak je u mna sirka obrazovky nieco pod 936px, tak skaredo zalomi menu.

Dalsia alternativa je hodit jetnoduche funkcie (zatial Vyskomer a meranie vzdialenosti) priamo ako tlacitka do mapy, ako je to pri http://toposcope.freemap.sk. V hornom menu by ostali iba zlozitejsie funkcie, ktore vyzaduju vstupy alebo menia menu (ako planovac trasu, co je tiez aj zlozitejsia funkcia).

Inac momentalne prerabam sposob volenia kategorii funkcie "Hladat POI". Mal som viacero napadov a tazko (mi) je navrhnut nieco idealne :-). Problem je ze tych kategorii je vela, su kategorie a subkategorie a malo by to byt pekne aj na mobiloch. Zatial pracujem na takom rieseni, ze "Hladat POI" bude ako tool, ktory zmeni horne menu. Tam bude dropdown so vsetkymi kategoriami aj podkategoriami, plus neskor filter (textbox) na rychle vyhladanie. Na to som vsak priamo komponentu nenasiel tak to bude treba dorobit "rucne". Snad coskoro dokoncim prvy nastrel hoci mozem pracovat iba po nociach, po pracovnej sichte a rodinnej sichte, kym dokazem drzat otvorene aspon jedno oko :-)

Ak mas ine napady, kludne pis. Podla mna si v UX designe zdatjejsi ako ja ;-)

[petervojtek]

zbalit do menu s nazvom "Funkcie".

aj to by slo, ale nevyhoda bude, ze ked ten nastroj zapnes, budes ho asi chciet vediet nejako vypnut - a kvoli tomu by si sa musel znovu vracat do menu a stlacit znovu tlacidlo nastroj (dost nepohodlne), alebo by sme museli davat pre kazdy nastroj ked je aktivny na hornu listu tlacidlo "vypni nastroj", co sa mi zda menej elegantne.

Uz aj teraz, ak je u mna sirka obrazovky nieco pod 936px, tak skaredo zalomi menu.

mali by sme tam mat len tolko veci, aby sa zmestili na sirku 768px (pod 768px to uz bootstrap zbali).

to inak vieme docielit pomerne lahko, napr. takto:

az nebude freemap backend robit cors obstrukcie tak chcem portal lepsie vyskusat v tychto konstalaciach:

• bezny displej notebooku na sirku (tak vlastne vyvijam, len ja mam na macbooku dost vysoke rozlisenie, chcem to vyskusat na biednejsich displejoch)
• bezny smartfon na vysku
• tablet na sirku a na vysku

a na zaklade toho budem mat dalsie postrehy. napr. uz teraz vidim ze polozky v rozbalenom menu na mobile maj vela volneho priestoru napravo, mozno by sa dalo tie nastroje uvadzat vo forme ne-blokovych tlacidiel, takze by sa ich zmestilo viac na jeden riadok.

Dalsia alternativa je hodit jetnoduche funkcie (zatial Vyskomer a meranie vzdialenosti) priamo ako tlacitka do mapy

vedel by som sa s tym zzit, ale pokusil by som sa tomu vyhnut, lebo pokial by sme nenavrhli o dost lepsie ikonky, tak tie sucasne nie samovysvetlujuce a novoprichodzi pouzivatelia nevedia co tlacidlo robi, lebo vidis len iba ikonu. na pc by dal zobrazovat onhover tooltip ktory napise co dane tlacidlo robi, lenze na dotykovych displejoch onhover nie je.

Zatial pracujem na takom rieseni, ze "Hladat POI" bude ako tool, ktory zmeni horne menu.

mne sa takyto pristup zatial pozdava

ja som tuto temu nacal preto, aby som zatial niekam umiestnil dalsi obsah -- a (hoci len) docasne to dat pod tlacidlo "viac' sa mi zda na uvod fajn lebo je to minimum usilia a neskor to lahko zmenime na nieco ine.

[tjamecny]

@petervojtek Ak ešte stále sú nejaké problémy s CORS, kľudne znova otvor https://github.com/FreemapSlovakia/FreemapBackend/issues/6 a dopíš to tam.

Čo sa týka miesta na hornom paneli, osobne by som preferoval presun merania vzdialeností a výškomer do tlačítiek na ľavý okraj mapy pod zmenu zoomu (rovnako ako to má overpass-turbo). A v budúcnosti sa tam môže presťahovať aj POI, keďže si to otvára vlastné popup okno (a teda nevyužíva horné menu tak, ako plánovač trás).

[petervojtek]

CORS

aha, nebol som prihlaseny na zmeny v backend repo a tak som si nevsimol ze uz to bolo na backende fixnute.

osobne by som preferoval presun merania vzdialeností a výškomer do tlačítiek na ľavý okraj mapy pod zmenu zoomu

ok, ludia na to v principe uz su zvyknuty z inych portalov (najma meranie), takze by ich to nemalo sokovat :)

[zdila]

Do dropdownu by som uz teraz nasekal viacero liniek na freemap wiki clanky, geoblog, facebook...

[petervojtek]

Do dropdownu by som uz teraz nasekal viacero liniek

ked tam toho bude vela, moze sa stat ze po rozbaleni menu sa mapa uplne strati, co neviem ci je dobre -- problem je v tom, ze ked je to menu dlhe, tak sa nim musis zacat skrolovat dole, a odrazu sa ocitnes na mape a menis si polohu mapu/odzoomujes a je to cele matuce.

dalo by sa to (na mobile) spravit tak ze ked menu otvoris, bude vyzerat nasledovne:

• Nastroje
  • Search input
  • POI
  • Planovac
  • Meranie
• Viac
  • Nastavenia
  • ...

a rozbalena bude vzdy len jedna sekcia.

[zdila]

plus na mobile nemusime ukazovat vsetko...

[zdila]

@petervojtek este toto je zaujimava komponenta https://github.com/Turbo87/leaflet-sidebar. je na to aj nejaky react wrapper, len neviem v akej kvalite.

[petervojtek]

zaujimave, otestujem to na feature-vetve a dam vediet ako sa to sprava.
akurat ked to pouzijeme asi sa nevyhneme vetveniu kodu pre mobily a ne-mobily, napr. ak si predstavime ze Settings budu v tom sidebare a pouzivatel si vybera domovsku polohu, na velkom displeji sidebar asi chceme ponechat rozbaleny, kym na mobile ho musime schovat aby videl mapu.

[zdila]

nastavenia mi vyhovuju ako su robene teraz. len mozno pride nejaky iny obsah ktoremu viac vyhovuje sidevar. napr itinerar k planovanej route?

k vybere polohy - ved aj teraz skryvame dialog, rovnako by sme skryvali sidebar. ale ako pisem, na settings je podla mna teraz dialog ok.

[petervojtek]

ked uz by sme mali mat aj sidebar, tak by toho uz mohlo by trochu vela a posobilo by to nekonzistentne (najma na mobile -- aj sidebar, aj bootstrap roz/zbalene menu, aj popup).

ale moje prve pokusy s leaflet sidebarom neskoncili slavne :)
Turbo87/leaflet-sidebar#47 (comment)

[zdila]

ok, sidebar (zatial) netreba.

[MichalPP]

kľudne sa inšpirujte http://freemap.epsilon.sk/#page=navigacia&map=OCM/18/48.15192/17.11865

[zdila]

@MichalPP kludne pridaj ruku k dielu, nie len v ramci tohoto issue a nemusi to byt len kodovanie, ale povedzme aj UX design :-)

[petervojtek]

zatial nemame obsah ktory by nutne potreboval sidebar. ak sa taky zjavi, vratime sa k tomu