Embedding a Viewer for Flex Map w/n an iFrame

[GeorgeHaskett]

How do you embed a map within an iframe located on a webpage?

Recently I have been asked if it was possible to embed a map, created via the Viewer for Flex applciation, into an iFrame.

I do not know exactly how to do this.  I have read that you could use standard html swf embedding code.  However that is somewhat Greek to me.  I have also read that you could modify the index.html file to add html content around the Viewer.

Does anyone have any easy to follow examples of how this would be done?

I am not much of a web developer.

I am using ArcGIS 10.1 and Viewer for Flex 3.4.

Thanks,

George Haskett

[VenusScott · Accepted solution]

Here is how I have one configured:
<IFRAME height=600 marginHeight=0 src="http://mapservices.phoenix.gov/GIS/flexviewers/ZipCity" frameBorder=1 width=700 marginWidth=0 scrolling=no></IFRAME>

With our content management system (CMS) it is important that a <p> paragraph tag NOT be in front of or behind this code or the CMS software deletes it (and my map!)

Hope this helps!

[GeorgeHaskett]

Thanks for the example.

Out of curisoity, how has the Viewer for Flex worked for you in this manner.  Do the popup widget GUIs overtake the map iframe or is it sized proportionally?  Any chance you have a link to a map example I could look at?

Also, would this work on javascript designed website or would I need to alter it?

Thanks,

George Haskett

[VenusScott]

George,

We don't have any embedded Flex Maps on our internet pages, only on our intranet site. What I can tell you is our content management system for the internet pages leaves us very little real estate to put maps in so depending on how much data really needs to be displayed, we choose to launch the viewer in it's own page (example: http://mapservices.phoenix.gov/GIS/flexviewers/Proposed%20Zoning/). Our intranet site is moving to SharePoint and I'm finding the same issue, not much room to embed. I have embedded AGOL maps on our internet pages which shows how little real estate we get to utilize:  http://phoenix.gov/visitors/cityattractions/pride/index.html

Basically, if it's a simple display map that does not need a lot of bells and whistles (i.e. widgets!), I'll embed them. Otherwise a link to the viewer application is the route I choose.

I don't know the answer to your javascript designed website question.

Hope this helps!

[GeorgeHaskett]

Thanks for the extra info.  It makes sense and is the approach I'm aiming at.  We have some individuals that want to try to fit everything into a small iframe and I don't see the practicality of doing so unless its a very simple map.

FYI, your link to the zoning map did not come through.  I even went to the official website and managed to find the link, but map failed to open.

Thanks again,

Haskett

[DavidStajan]

I found this example that might help you guys out if it's not to late.  The sample works well

http://spatialagent.com/blog?&id=0