Select to view content in your preferred language

How do you host a Story Map with other embedded Story Maps on your own web server?

1141
2
Jump to solution
12-29-2017 07:19 AM
MattMcLees
Emerging Contributor

I'm using the tabbed Story map template and then embedding the Journal template. Everything works as intended when viewing from ArcGIS Online, however, the embedded Journal templates do not show up when attempting to host the Story Map on our own web server. Is it possible to host a Story Map that contains other embedded Story Maps? So far, I've downloaded and hosted the tabbed template on our server and pointed it to the template in ArcGIS Online using the appid. However, I don't see how to add multiple appid's to get the Journal Templates to show up.

ArcGIS Online

http://scottcounty.maps.arcgis.com/apps/MapSeries/index.html?appid=94d5a5419f2a44e2a9db4fd2109aef1f 

Hosted:

https://gis.co.scott.mn.us/2040/ 

Thanks,

0 Kudos
1 Solution

Accepted Solutions
RupertEssinger
Esri Alum

Hi Matt, When you download the source code for an app and self-host it, that app will display any embedded content, such as embedded story maps, the same as it does if you launch the app hosted in ArcGIS Online. So if you want to self-host a story map, you don't need to self-host the source code for any story maps or other apps that are embedded in your story (unless you want to apply customizations to them).

What's happening with your self-hosted code is that you are launching it via HTTPS, so any embedded content, like embedded story maps, won't draw unless they are referenced via HTTPS when embedded. So if I launch your self-hosted app via HTTP, the embedded content works OK I think, at least for the first two tabs: http://gis.co.scott.mn.us/2040/ 

To fix this, you can edit your app in ArcGIS Online to update the URLs of embedded content to reference it via HTTPS instead of HTTP. This will then work when the app is launched via your self-hosted code. This assumes that the content, i.e. the story maps, you are embedding support HTTPS. If your embedded content does not support HTTPS access, then you could still just deploy/share the URL of your self-hosted app using HTTP, like the URL I posted above. But the best practice is to support HTTPS where possible by only embedding content via HTTPS, to avoid the situation where content doesn't load . 

Here are some blog posts related to embedding content like story maps inside story maps: https://community.esri.com/community/gis/web-gis/storymaps/content?filterID=contentstatus%5Bpublishe... 

Hope that helps

Rupert

View solution in original post

2 Replies
RupertEssinger
Esri Alum

Hi Matt, When you download the source code for an app and self-host it, that app will display any embedded content, such as embedded story maps, the same as it does if you launch the app hosted in ArcGIS Online. So if you want to self-host a story map, you don't need to self-host the source code for any story maps or other apps that are embedded in your story (unless you want to apply customizations to them).

What's happening with your self-hosted code is that you are launching it via HTTPS, so any embedded content, like embedded story maps, won't draw unless they are referenced via HTTPS when embedded. So if I launch your self-hosted app via HTTP, the embedded content works OK I think, at least for the first two tabs: http://gis.co.scott.mn.us/2040/ 

To fix this, you can edit your app in ArcGIS Online to update the URLs of embedded content to reference it via HTTPS instead of HTTP. This will then work when the app is launched via your self-hosted code. This assumes that the content, i.e. the story maps, you are embedding support HTTPS. If your embedded content does not support HTTPS access, then you could still just deploy/share the URL of your self-hosted app using HTTP, like the URL I posted above. But the best practice is to support HTTPS where possible by only embedding content via HTTPS, to avoid the situation where content doesn't load . 

Here are some blog posts related to embedding content like story maps inside story maps: https://community.esri.com/community/gis/web-gis/storymaps/content?filterID=contentstatus%5Bpublishe... 

Hope that helps

Rupert

MattMcLees
Emerging Contributor

Very obvious after the fact. Thanks Rupert.

0 Kudos