Hello,
I am new to StoryMaps and I have created one for Baltimore City. It works well on a computer and my boss's Android phone. However, when I try using Safari on my iPhone 13 (iOS 15.3.1), the page will refresh once I scroll down to the Equity and Demographics section. When I scroll back down to this section a second time, this message displays on a blank screen:
"A problem repeatedly occurred on "https://storymaps.arcgis.com/stories/dcd8dc9a4de54bea9e272cd8a25f02e9".
I sent the link to one of my colleagues who has an iPhone 11. He has the same problem when using Safari or Chrome on the phone.
Any help would be greatly appreciated.
Thanks,
Jane
Solved! Go to Solution.
Hi @JaneClifton! - I'm sorry you are seeing some issues with your story on mobile devices. The issue is the map that is used in that section (e4dddab72f754daeb89ebbdc861de897)has almost 20 layers, and that map is used in consecutive slides, so all those layers are being loaded twice. For lightweight devices like phones, this many layers presents a resource issue and causes the mobile device browser to crash.
From what I can tell most of the layers aren't even visible in the story, but unfortunately, even if they are not visible, just having them in the map requires them to be loaded in some way, and this takes up significant memory resources.
I'd recommend creating new maps that contain only the essential layers for each slide in your sidecar section. Also, the way that map is designed is such that there are several sets of layers that could be combined. For example, there are four different layers of "stops." Normally when designing a map you'd have one layer for stops and symbolize them differently, based on attributes, if needed. This is also the case with service destinations and routes -- there are four separate layers for each. This arrangement may be required or helpful for other uses of this data, but for storytelling it is not following best practices for map design. Sometimes a map that is optimal for one purpose is not optimal for others.
Let me know if this is helpful and if you have any additional questions.
Update: I tested the story out on a 3rd generation iPad Air (iOS 14.8.1) with the same issue.
Hi @JaneClifton! - I'm sorry you are seeing some issues with your story on mobile devices. The issue is the map that is used in that section (e4dddab72f754daeb89ebbdc861de897)has almost 20 layers, and that map is used in consecutive slides, so all those layers are being loaded twice. For lightweight devices like phones, this many layers presents a resource issue and causes the mobile device browser to crash.
From what I can tell most of the layers aren't even visible in the story, but unfortunately, even if they are not visible, just having them in the map requires them to be loaded in some way, and this takes up significant memory resources.
I'd recommend creating new maps that contain only the essential layers for each slide in your sidecar section. Also, the way that map is designed is such that there are several sets of layers that could be combined. For example, there are four different layers of "stops." Normally when designing a map you'd have one layer for stops and symbolize them differently, based on attributes, if needed. This is also the case with service destinations and routes -- there are four separate layers for each. This arrangement may be required or helpful for other uses of this data, but for storytelling it is not following best practices for map design. Sometimes a map that is optimal for one purpose is not optimal for others.
Let me know if this is helpful and if you have any additional questions.
Thank you. I understand your suggestion. I'll look into creating separate maps for each swipe section to remove hidden layers. I thought I'd be able to use one map but have different layer groups visible for each route section.