Is it possible to embed web map application in Website?

2883
2
05-27-2014 10:44 PM
deleted-user-W17i9rKaOdiH
Occasional Contributor
I would like to embed a story map that I made in our company's website, but I see no option for this in AGOL. I only see option for embedding maps with a web map.

Is this a limitation of AGOL or have I just not found how to do it yet?

Thanks,
carlynne
Tags (2)
0 Kudos
2 Replies
TimWitt
Frequent Contributor
Carlynne,

You should be able to extract the javascript code (right-click your story map and look at the source code) and then use it in your website.

Tim
0 Kudos
MattKennedy
Esri Contributor
Carlynne,

Follow through with the procedure to embed a web map into your website.  Any web map will do, since you're only using the map to get the code snippet you need for what you really want to embed.   For example, the following code contains the URL to a web map in bold:

<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://modelcity.maps.arcgis.com/home/webmap/embedViewer.html?webmap=2cc323e255a142a1a6cc1e4921e055b..."></iframe>

Then, just swap out the URL in the code with the URL to the story map you want to embed.  Like this:

<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://epro.maps.arcgis.com/apps/MapTour/index.html?appid=6747afe907f840209be312b617910fab></iframe>

You will probably want to fiddle with the height and width settings also, to make sure the app looks good in the provided space.

Hope that helps.

Good luck,

Matt