GithubHelp home page GithubHelp logo

Comments (9)

petervojtek avatar petervojtek commented on June 25, 2024

rozmyslam nad alternativami ako spravit ten wizard.
jedna moznost je separatny komponent (mimo Main), ktory bude vyzerat podobne ako stary embed wizard.

druha moznost je wizard v popupe nad Mainom a mame aspon dve pod-moznosti:

  • v popupe bude druha leaflet mapa
  • v popupe bude mapa embednuta cez iframe /v iframe src vlastne bude vysledok wizardu/ (pripomina to rekurziu :) -- ale tu by sme museli zrejme pouzit window.parent.postMessage a window.addEventListener aby sme dokazali spravit nastavovanie markeru.

from freemap-v3-react.

zdila avatar zdila commented on June 25, 2024

Pridam, ze ked budeme mat niektore tooly v URL (napr route planner) tak embed mapa by mohla obsahovat aj vysledok daneho toolu (naplanovanu cestu).

ale tu by sme museli zrejme pouzit window.parent.postMessage a window.addEventListener aby sme dokazali spravit nastavovanie markeru.

tie parametre budu prave v tom URL

iframe riesenie je podla mna ok.

from freemap-v3-react.

petervojtek avatar petervojtek commented on June 25, 2024

tie parametre budu prave v tom URL

skusim prejst cez pripady pouzitia z pohladu z wizard popupu (ktory je parent iframu):

  • zmena velkosti iframu -- staci nam menit iframe width a height z popupu
  • posun mapy -- deje sa cele len v iframe, parent len na zaver zoberie aktualnu src url iframu
  • kliknutie na tlacidlo pridat marker (ktore je v popupe) -- moze to fungovat tak, ze z popupu zmenime iframe src aby bol marker v strede (prilepime do iframe src nieco ako marker=<position>
  • ako posunut marker -- iframe src leaflet musi vediet, ze je mozne marker posunut (lebo vysledny produkt uz posun markeru umoznovat nebude) -- mozno mozeme vo wizarde dat do iframe src &wizard=true a tym bude iframe apka vediet ze sa moze marker posuvat. iframe si sam updatne url
  • zmazat marker -- kliknutie na na marker zobrazi leaflet popup s moznostou zmazat (iba ak je &wizard=true). iframe si sam updatne url

from freemap-v3-react.

zdila avatar zdila commented on June 25, 2024

funkciu pridavania markeru by som teraz asi neriesil. raz bude funkcia anotacie mapy (co zahrna aj jeden bod) a potom to budes vediet zdielat cele. tak ako to riesi umap :-)

from freemap-v3-react.

petervojtek avatar petervojtek commented on June 25, 2024

spominam @zdila , aby sa vyjadril :)

este jedna vec na diskusiu -- neviem sa rozhodnut ci je lepsie ked embedovatelnu verziu bude servirovat vlatny top-level komponent (napr. s nazvom Embed), nez keby sme mali do Main-u zavadzat if-y v style if !embedded zobraz horne menu.

nevyhoda vlastneho komponentu Embed je ak ho chceme zaroven pouzit na tvorbu jeho samotneho cez iframe, tak budeme v nom mat ten isty kod co Main-e co sa tyka updatu URL po posune mapy (posun mapy v Embed chceme reflektovat v url len preto, aby sme vyslednu url vedeli zobrat z iframe src a ponuknut pouzivatelovi ako vysledok wizardu).
tiez ked to bude vlastny komponent Embed, tak nanho rychlejsie zabudneme a nechtiac ho casom rozbijeme zmenami inde. keby bol embed layout cez Main, tak je to viac na ociach.

from freemap-v3-react.

petervojtek avatar petervojtek commented on June 25, 2024

zistit kto pouziva stare embednute freemap mapy -- idealne by sme im mali zabezpecit transparentny prechod na next.freemap.sk

from freemap-v3-react.

zdila avatar zdila commented on June 25, 2024

zistit kto pouziva stare embednute freemap mapy

Toto nie je zrealizovatelne lebo to je verejne a anonymne dostupne. Riesenie je mat nejaku compatibility vrstvu.

from freemap-v3-react.

tjamecny avatar tjamecny commented on June 25, 2024

Zoznam sa dá nájsť na http://wiki.freemap.sk/EmbeddedFreemapRef , len určite nie je kompletný. Minimálne sa dá použiť na kontrolu, či compatibility vrstva funguje na 100%.

from freemap-v3-react.

petervojtek avatar petervojtek commented on June 25, 2024

zakladna verzia spravena v ramci a8ba700 (#143):

screen shot 2017-06-21 at 11 25 21 am

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.