topic Need Locate button in embedded self-hosted Shortlist in Classic Esri Story Maps Questions

Need Locate button in embedded self-hosted Shortlist

TobiasFimpel — Thu, 20 Jul 2017 19:20:09 GMT

I am required to embedd a storymap that has a locate button. By default storymaps do not show the locate button when embedded in another page (via an <iframe> element).

I am working with the Shortlist template . I am self-hosting the code. Where in the code could I change the logic so that it allows me to add the locate button when it is embedded in another page?

In a previous version of this template I could change the js code (viewer-min.js) where it checks for the condition window.top !== window.self but in the latest version (2.3.2) this same change does not lead to the location button being displayed in an <iframe> element any longer. I am not sure why.

I'd appreciate your help. Thanks.

Re: Need embedded Storymap with Locate button

OwenGeo — Thu, 20 Jul 2017 20:20:57 GMT

Hi Tobias -- Per the notes on that feature's checkbox, the Locate button will only work if the story is being accessed over https (in your case both your customized story and the parent page must be https). This is a web security policy enforced by browsers (see here for more info). Is that the issue?

Re: Need embedded Storymap with Locate button

TobiasFimpel — Thu, 20 Jul 2017 20:39:36 GMT

Thank you for your reply Owen. I double-checked and everything is https, both in my storymap as well as in the webpage I am embedding it in.

How can I modify the template code so it disregards the second requirement ("...the story is not embedded.")?

Re: Need embedded Storymap with Locate button

MarkCooney — Thu, 20 Jul 2017 21:29:41 GMT

Hi Tobias,

It looks like you have both the source code and the production minified code in your hosted app, so the original code that blocks the locate button from showing in embedded is still being loaded from the source code. If you remove the source code files, and only retain the production minified code with your alterations, the locate button should appear.

Mark

Re: Need embedded Storymap with Locate button

TobiasFimpel — Fri, 21 Jul 2017 03:24:22 GMT

Hi Mark,

the odd thing is that when I only retain the production minified code with my alterations the app breaks because it then (as soon as I make my alterations) makes calls for the source code files...which of course aren't there unless I put them there. I'm not sure why that is.

But your suggestion led me to look in the right place and make my alterations in the source code files. My immediate problem is solved, thank you so much!!