Creating a StoryMap

Paris at night

Overview

Logging into ArcGIS Online

What is ArcGIS Online?

What is a StoryMap?

Creating an ArcGIS StoryMap

Share your StoryMap

Finding and crediting images responsibly

Logging into ArcGIS Online

  • Click on Groups
  • Click on My Organization's Groups
  • Search for your class
  • Join the group

What is ArcGIS Online?

ArcGIS Online is a cloud-based mapping and analysis solution. Use it to make maps, analyze data, and to share and collaborate. ... Your data and maps are stored in a secure and private infrastructure.

What is a Storymap?

story map is a web map that has been thoughtfully created, given context, and provided with supporting information so it becomes a stand-alone resource. It integrates maps, legends, text, photos, and video and provides functionality, such as swipe, pop-ups, and time sliders, that helps users explore this content.

You can explore some examples:

ArcGIS Online Guide:

Creating an ArcGIS Storymap

Getting Started

Page through the slideshow by using the navigation arrows

Click on the 9 dots

Click on "StoryMaps"

Click on New story

Add Title, subtitle, and image

Choose your cover style and theme

You can choose to add Navigation bars like this StoryMap has.

Add content

Like text, images, maps and video.

A Sidecar keeps the image constant while the text scrolls. Try it out.

This part of the storymap is a "Slideshow."

Add content

Like text, images, maps and video.

A Sidecar keeps the image constant while the text scrolls. Try it out.

This part of the storymap is a "Slideshow."

Add a video

Add a video

Choose how you want your video to show

Double click on the text

to change the text type (heading, sub heading, paragraph)

Add a Map Tour

Most stories happen somewhere and they usually need one or more simple maps to help readers orient themselves.

Add a "tour point" by clicking on "Add location." Use the plus sign to add more points later.

  • Search for your location
  • Title and description
  • Add image

This example is Media focused but you can switch by clicking the left/right arrow icon if you want the map to be the focus

This example is map focused.

When adding the image, click on the "gear," and use the "fit" option.

You can add your image attribution here to add a link to where you found the image

Click on "Map Options" to change the basemap

Be sure to pick a good basemap that you like

Guided Tour example 1

Eifell Tower

Eifell Tower. Click to expand.

Before Sunset (2004)

Arc de Triomphe

Arc de Triomphe. Click to expand.

Arch of Triumph (1948)

Eifell Tower

Before Sunset (2004)

Funny Face (1957)

Arc de Triomphe

Casa Blanca (1952)

Funny Face (1957)

Guided tour example 2

1

Eiffel Tower

Analysis of how this place/space relates to your argument relating to how this film represents Paris

2

Arc de Triomphe

3

Louvre Museum

Adding a Sidecar for content with text and images

A Sidecar allows the text to scroll while the image remains constant.

This would be good for images or other media where you might want to add lots of text.

This is a docked sidecar, with the image on the left and text on the right.

You can also have your text "float" over your image

or on the side in a docked panel

This is a floating panel, which is useful if you have lots of text to go with a single image

Make a Map you edit

Click on "Map"

You can add:

  • points of interest
  • draw line to show movement
  • add text to the map

Saving and sharing your Storymap

To save, click the "Publish" button

Click Publish

To share with the group

  • Click the three dots
  • Click "Sharing settings"

  • Click on My Organization which shares with Penn State
  • Under Group Settings search for your group

Finding and crediting images responsibly

  • Be sure to credit any videos from YouTube
  • Find unrestricted images by searching  Creative Commons 
  • Filter for items in the Public Domain or for non-commercial use
  • Copy and paste the Rich Text information into your Credits section
  • Go to the images website to download the image
  • Use Wikipedia to find images

Credits: