ArcGIS StoryMaps

Seven Wonders: Story Map Tours demo new side-panel layout

The April 2018 release for Story Maps provides fans of Story Map Tour a new layout option: side panel.

Expanding on the existing Map Tour layout options—three-panel and integrated—side panel is an elegant addition that places short text and a small locator map in a narrow side bar, while shining the spotlight on large resolution images or videos.

The Seven Wonders companion series—each styled following an individualized theme—comprises global wonders, formations, and phenomena. Together, these four Map Tours demonstrate some ideas for the side-panel layout:

A gallery of four images depict the covers for the Seven Wonders series of Map Tours. From left to right is The Ancient List consisting of historic architectural plates; The New List using a watercolor theme; Natural World with a colorful illustrated theme; and Engineering Feats with images styled after dark blue chalk schematics.
Seven Wonders Map Tours series

The Seven Wonders tours demonstrate basic text styling using HTML and Map Tour’s text editor. Leveraging individualized graphical themes, the stories illustrate the utility of creating narratives with an integrated look and feel. These visual styles use or are modeled after:

Don’t miss the Seven Wonders series, and then check out other great Map Tour Side Panel stories from the Esri Story Maps team.

Palm Springs Map Tour

Exploring New Orleans on foot and bike

 

Interested to take your Map Tour to the next level? Be sure to check out how to style text with HTML; or create your own images modeled on watercolors, illustrations, or schematics.

Styling Map Tour text with HTML and CSS

Apply image filters to create a unified visual theme (coming soon)

About the author

An anthropologist focused on community engagement, citizen mapping, and applied ethnography, Greyson researches and designs dynamic, multimedia stories for ArcGIS StoryMaps.

Connect:

Next Article

ArcGIS CityEngine Project Collaboration: Tips, Tricks and Best Practices

Read this article