Pass coordinates to reset center for google map iframe

Anonymous User

Sorry. Just wondering if anyone had any suggestions on transferring data extracted from an arcgis rest service to an iframe that I am locally hosting:

I am not sure if the postmessage is being sent because there is no callback although I believe it is going through. The event listener I know is wrong and needs work.

ArcGIS API for JavaScript‌

vtey_esriau

Brandon Price‌, i don't have my working computer with me so its hard for me to get some sample code but basically there are a few options.

you can pass data via localstorage

you can alternatively also use javascript, see a old code example of my

<SPAN class="keyword token">var</SPAN> win <SPAN class="operator token">=</SPAN> window<SPAN class="punctuation token">.</SPAN><SPAN class="token function">open</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>widgetPath <SPAN class="operator token">+</SPAN> <SPAN class="string token">"StreetView.html"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="string token">"_blank"</SPAN><SPAN class="punctuation token">,</SPAN>
                    <SPAN class="string token">"width="</SPAN> <SPAN class="operator token">+</SPAN> <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>svWidth <SPAN class="operator token">+</SPAN> <SPAN class="string token">",height="</SPAN><SPAN class="operator token">+</SPAN>
                    <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>svWidth<SPAN class="operator token">+</SPAN><SPAN class="string token">",TOP=0,LEFT=0"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="operator token">!</SPAN>win<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
                    <SPAN class="token function">alert</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"Make sure your pop up is unblocked"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    <SPAN class="keyword token">return</SPAN><SPAN class="punctuation token">;</SPAN>
                <SPAN class="punctuation token">}</SPAN>
                win<SPAN class="punctuation token">.</SPAN>onload <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN> 
                    <SPAN class="keyword token">var</SPAN> point <SPAN class="operator token">=</SPAN>  <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Point</SPAN><SPAN class="punctuation token">(</SPAN>evt<SPAN class="punctuation token">.</SPAN>mapPoint<SPAN class="punctuation token">.</SPAN>x<SPAN class="punctuation token">,</SPAN>evt<SPAN class="punctuation token">.</SPAN>mapPoint<SPAN class="punctuation token">.</SPAN>y<SPAN class="punctuation token">,</SPAN>me<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN>spatialReference<SPAN class="punctuation token">)</SPAN>
                    win<SPAN class="punctuation token">.</SPAN><SPAN class="token function">initialize</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN>point<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getLatitude</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>point<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getLongitude</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    win<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setPanoramaCallback</SPAN><SPAN class="punctuation token">(</SPAN>lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hitch</SPAN><SPAN class="punctuation token">(</SPAN>me<SPAN class="punctuation token">,</SPAN>callback<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> 
                    win<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setPositionCallback</SPAN><SPAN class="punctuation token">(</SPAN>lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hitch</SPAN><SPAN class="punctuation token">(</SPAN>me<SPAN class="punctuation token">,</SPAN>me<SPAN class="punctuation token">.</SPAN>callbackPositionChange<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN>
                    win<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setClose</SPAN><SPAN class="punctuation token">(</SPAN>lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hitch</SPAN><SPAN class="punctuation token">(</SPAN>me<SPAN class="punctuation token">,</SPAN>me<SPAN class="punctuation token">.</SPAN>closeThisWidget<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">in</SPAN> your iframe

 <SPAN class="keyword token">function</SPAN> <SPAN class="token function">initialize</SPAN><SPAN class="punctuation token">(</SPAN>heading<SPAN class="punctuation token">,</SPAN>lat<SPAN class="punctuation token">,</SPAN>lon<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
        <SPAN class="keyword token">var</SPAN> pegPoint<SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>lat<SPAN class="punctuation token">:</SPAN> lat<SPAN class="punctuation token">,</SPAN> lng<SPAN class="punctuation token">:</SPAN> lon<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>
        
         panorama <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">google<SPAN class="punctuation token">.</SPAN>maps<SPAN class="punctuation token">.</SPAN>StreetViewPanorama</SPAN><SPAN class="punctuation token">(</SPAN>
            document<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getElementById</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'pano'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
              position<SPAN class="punctuation token">:</SPAN> pegPoint<SPAN class="punctuation token">,</SPAN>
              pov<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
                heading<SPAN class="punctuation token">:</SPAN> heading<SPAN class="punctuation token">,</SPAN>
                pitch<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">10</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="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>