Comments (9)
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
awindow.addEventListener
aby sme dokazali spravit nastavovanie markeru.
from freemap-v3-react.
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.
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.
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.
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.
zistit kto pouziva stare embednute freemap mapy -- idealne by sme im mali zabezpecit transparentny prechod na next.freemap.sk
from freemap-v3-react.
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.
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.
zakladna verzia spravena v ramci a8ba700 (#143):
from freemap-v3-react.
Related Issues (20)
- Problem with responsiveness HOT 3
- Blur tile instead of red X
- (UX) Navigacna lista by sa mala prisposobit obrazovke / Navigation bar should adjust to screen width HOT 1
- Vyhladavac tras - rozdelenie trasy po percentach
- [Edit in JOSM] Operation error: TypeError: Load failed HOT 5
- Pri pridávaní pozície k fotke vrátiť sa na ňu
- Nastavenie máp v dolnej liste asi BUG
- Chyba spojenia so serverom. HOT 1
- Prevod uzavretej čiary na polygón. HOT 3
- Vypnutie "Objektov (POI)" bodov... HOT 1
- Odkazy na novej karte HOT 3
- Príliš veľa popupov na prvouserov
- Zlý preklad
- rampa brani vytvoreniu pesej trasy HOT 7
- Add exclusion of photos of certain users
- Filter pictures by polygon (or radius)
- Nastavenie farby pri importe HOT 1
- Change default draw color, use last used color for new objects
- Lišta na úzkom telefóne
- Add option step back while editing HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from freemap-v3-react.