Prototype: "Pinned map" experience

[DerekCaelin]

Prototype a "pinned map" experience in which a chapter layer and map layer are always visible, and the chapter slides under the map.

The goal of the prototype is to try to build something small, expending low effort, in order to determine whether we want to invest more effort in a more polished outcome.

References

Ultimately want to address address the problem detailed in:

• Improve map layer visibility on smaller devices #2810

Mural for our brainstorming discussion

Acceptance criteria

• Build a rough, low fidelity experience of viewing a story map, checking in before each stage

Part 1:

• all resolutions (both desktop and mobile)
• 2 lanes of content: chapter and map (experiment, think whether we want this to be implicit or explicit)
• Chapter content flows under map stationary

Part 2 (if feasible)

• Option to full screen map

Part 3 (if possible

• Explore map (drag finger or mouse to look around content)

• Present to team with perspective on:

  • Your opinion on whether the experience addresses the problem and provides a valid
  • LOE to develop and maintain a more polished build
  • Reflections on further decisions we could make

[DerekCaelin]

Testing: https://terraso.org/2026/01/20/storytellers-help-us-solve-a-story-maps-design-problem/

[DerekCaelin]

Courtney would like to review in more detail.

[CourtneyLee333]

The video in "We need a bike-friendly rocky hill, today." chapter doesn't play on my Android in Firefox. And I'm curious whether full-screen video mode will work.

Other than that, this looks great to me!