Is het mogelijk om de Web Map Viewer in te sluiten in een aangepaste webapp en gebruikers in staat te stellen webkaarten te maken?
Ik zou graag iets soortgelijks doen als wat je in verschillende Story Maps kunt doen (zoals Journal, Cascade, ...), ongeveer als volgt:
Zoals je kunt zien, is de viewer ingesloten en staat er buiten een knop 'Opslaan' (om de een of andere reden is de standaardknop 'Opslaan' niet zichtbaar wanneer je de viewer insluit).
Daarom heb ik de broncode van storymap-journal gedownload en geprobeerd hetzelfde lokaal te doen. Toen kreeg ik deze melding:
Dat was verontrustend. Waarom is dat? Is dat om problemen met cookies te voorkomen?
Om te begrijpen hoe de knop 'Opslaan' is geïmplementeerd, opende ik de console en zag ik een debugbericht toen ik erop klikte. Vervolgens controleerde ik de broncode en vond ik de functie die wordt aangeroepen in het bestand MapViewerWrapper.js:
<SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>send <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>json<SPAN class="punctuation token">)</SPAN>
<SPAN class="punctuation token">{</SPAN>
console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"MV sending"</SPAN><SPAN class="punctuation token">,</SPAN> json<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">try</SPAN> <SPAN class="punctuation token">{</SPAN>
params<SPAN class="punctuation token">.</SPAN>frameWindow<SPAN class="punctuation token">.</SPAN><SPAN class="token function">postMessage</SPAN><SPAN class="punctuation token">(</SPAN>JSON<SPAN class="punctuation token">.</SPAN><SPAN class="token function">stringify</SPAN><SPAN class="punctuation token">(</SPAN>json<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> MapViewerWrapperUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getPortalURL</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">catch</SPAN> <SPAN class="punctuation token">(</SPAN> error <SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
<SPAN class="comment token">// Dit lijkt niet te worden aangeroepen, omdat de fout in het frame zou optreden</SPAN>
params<SPAN class="punctuation token">.</SPAN><SPAN class="token function">onError</SPAN><SPAN class="punctuation token">(</SPAN>error <SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>Bij het debuggen controleerde ik het object 'json' en dat bevat iets als:
<SPAN class="punctuation token">{</SPAN>type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"hasUnsavedChanges"</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN></SPAN>En 'MapViewerWrapperUtils.getPortalURL()' geeft het volgende terug:
<SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fhhkaos.maps.arcgis.com" target="_blank">http://hhkaos.maps.arcgis.com</A><SPAN>"</SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN></SPAN>
Ik denk niet dat dit een cross-domainprobleem met postMessage is, toch?
Ik wilde dus vragen of iemand van jullie heeft geprobeerd te doen wat ik wil, of weet of het mogelijk is.
Alvast bedankt,
Raul
P.S.: Ik heb het twee jaar geleden geprobeerd, toen de knop 'Opslaan' nog in het iframe stond, maar volgens mij is die verwijderd bij een update van ArcGIS Online.
