GithubHelp home page GithubHelp logo

Comments (13)

zdila avatar zdila commented on July 23, 2024 1

Je to to iste ako z existujuceho freemapu:
image

Zobrazi ti to vo vyreze vsetko co zaklikas a casom bude moznost exportovat to do GPX. Je to fanj vec ak napr ides na vylet do nejakej oblasti a chces povedzme GPXko so vsetkymi pramenmi a utulnami.

UX hladisko zatial doriesene nie je.

from freemap-v3-react.

petervojtek avatar petervojtek commented on July 23, 2024

Martin @zdila , v tomto kontexte sa chcem spytat naco ma pouzivatelovi sluzit v hlavnom menu polozka "Objekty" ?
zda sa ze ked pouzijem vyhladavanie, ma to asi sluzit ako filter na typy zobrazenych objektov? (nie je mi jasne aky je obvykly pripad pouzitia).

inak z UX hladiska to podla mna nie je velmi prijemne rozhranie - jednak nazov "Objekty" je nejasny, modalny popup by som sa snazil pouzit az ako posledne riesenie ked zlyhaju ostatne UI koncepty :) a to ze trebakategoriu rozklikavat je nepohodlne..

from freemap-v3-react.

petervojtek avatar petervojtek commented on July 23, 2024

pozeral som tie freemap ikony, ale su velmi male (16x16px a iba png) - predstavujem si to tak, ze tie ikony budu nielen pri vybere, ale aj na mape.

ale tu su svg ikony (dizajn nic moc, ale nic lepsie zadarmo v takom rozsahu asi nie je): https://github.com/openstreetmap/map-icons/tree/master/svg
a hlavne tu je mapovanie z osm tagov na nazvy ikon: https://github.com/openstreetmap/gosmore/blob/master/elemstyles.xml

aby som sa vyhol manualnej praci, na uvod by som mohol zobrat kategorie tak ako su v tom prvom odkaze a pouzit ich.

neskor by sa uz mohol najst niekto iny, ktory tie kategorie a objekty v nich rucne popresukupuje tak, aby zodpovedali napr. kategorizacii z freemapu (kedze my sme viac zamerani na turistiku, kym tie osm kategorie maju turisticke veci rozhadzane).

from freemap-v3-react.

petervojtek avatar petervojtek commented on July 23, 2024

skusal som tie svg ikony zobrazovat aj na mape, ale ked ich je viac ako cca 20, tak to uz citit pri posuvani mapy.

png ikony (classic.big) v tom projekte openstreetmap/map-icons su male (a hnusne) a nemaju rovnaku velkost, co robi problemy pri jednotnom pouziti ako marker icon.

@zdila, mne sa zda najvhodnejsie sa touto feature aktualne nezaoberat, lebo:

  • je to urcene len pre power users
  • vyzaduje si to dost casu
  • ak to nebude ako tak zoptimalizovane z UX hladiska, tak to nebude dobre a bude to treba aj tak prerobit.

niekolko jednoduchych UI tweaks ktore tomu teraz vedia pomoct:

  • v modalnom vybere pouzit buttons namiesto checkboxes (aby sa zmestilo viac objektov na riadok)
  • accordeon > panel sa teraz rozbaluje iba ked sa klikne na title text. skusal som docielit aby sa rozbalil aj kliknutim hocikde na panel, ale nepodarilo sa mi to (toto je podla mna velka nevyhoda jsx -- v obycajnom html/js je to jednoducha vec, ale tu ked je to zabalene cez dve dalsie vrstvy abstrakcie je problem to ovladat a pouzit riesenia ktore clovek najde na stackoverflow)

from freemap-v3-react.

zdila avatar zdila commented on July 23, 2024

mne sa zda najvhodnejsie sa touto feature aktualne nezaoberat

kludne sa venuj inej casti a spravi sa to ked na to niekto bude mat cas alebo chut. u mna je problem hlavne len ten cas.

je to urcene len pre power users

podla mna turista co si stiahne vsetky pramene a utulne do gpx to oceni

vyzaduje si to dost casu

myslis to nahodenie kategorii?

obycajnom html/js je to jednoducha vec

Ak chces obycajne js, tak si prepis <Volaco .../> na React.createElement('Volaco', ...) ;-). Podla mna ak je nieco skryte aj v "obycajnej" js kniznici tak tiez to nevies jednoducho zmenit bez toho aby si priamo menil jej zdrojak.

Nie je nutne pouzivat vsetky komponenty z react-bootstrap. Mozes si vytvorit novy komponent a vyuzit iba bootstrapovske CSS.

from freemap-v3-react.

zdila avatar zdila commented on July 23, 2024

Trochu som vylepsil UI: 00909c8. Nedeployol som.

from freemap-v3-react.

zdila avatar zdila commented on July 23, 2024

Robim na tom v branchi feature-9-object-categories. Kategorie to nacitava z API. Bude treba prerobit aj UI.

from freemap-v3-react.

petervojtek avatar petervojtek commented on July 23, 2024

super.
navrhujem spravat sa ohladom issues tak, ze ked issue robis (alebo ju chces robit), tak si ju prirad. potom bude zrejme, ze na nepriradenych issues sa urcite nerobi.

from freemap-v3-react.

zdila avatar zdila commented on July 23, 2024

@petervojtek to cele API na vyhladavanie POI je dost hrozostrasne a nie je velmi dokumentovane. Riesenia:

  1. pouzivat overpass ako doteraz
  2. pozistovat ako volat freemap API a dorobit to (no to api je aj tak skarede)
  3. napisat novy server :-) (idealne riesenie, ale casovo narocne)

Ja som za bod 1. Tvoj nazor?

from freemap-v3-react.

petervojtek avatar petervojtek commented on July 23, 2024

najviac sa mi pozdava tiez 1. - a mam na to aj koncepcne vyssi dovod :)

a totiz, myslim si kde je to mozne by sme sa mali snazit byt co najviac kompatibilny s OSM svetom a snazit sa pisat co najmenej vlastneho backendu (t.j. radsej len u seba hostovat backendove riesenia ktore vyvija a udrziava OSM komunita, napr osrm, nez si pisat vlastny router).
dovody:

  • usetri nam to cas, budeme musiet udrziavat menej kodu (na backende)
  • moja predstava je, ze sa nechceme prilis vzdalovat od sveta OSM, pretoze OSM principy a myslienky su to, co na tu cele drzi pokope (a nie nejaky slovensky portal s mapou)

from freemap-v3-react.

zdila avatar zdila commented on July 23, 2024

OK. Mudro pises :-)

from freemap-v3-react.

petervojtek avatar petervojtek commented on July 23, 2024

ten dropdown Zvol kategoriu vyzera fajn, predpokladam ze tam este planujes nejake UI zmeny?
len preistotu uvadzam zopar postrehov, ale predpokladam ze ich mas v plane (alebo sa s tym mozem pohrat ja):

  • dropdown - ja by som obmedzil jeho vysku a spravil ho vnutorne scrollovatelny (aby nebol vyssi nez je vyska obrazovky a nesposoboval scroll celej stranky).
  • kliknutie na kategoriu by mohlo zbalit jej clenov
  • oznacena polozka by mohla mat indikator.
  • multiselect?

from freemap-v3-react.

zdila avatar zdila commented on July 23, 2024

predpokladam ze tam este planujes nejake UI zmeny

ano, vid #42 kde to mozeme diskutovat.

from freemap-v3-react.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.