7/27/2019 story maps poster

1/1

Story maps are simple web applications that let youcombine web maps with text, photos, and other contentto tell geography-based stories. Esri has developeda series o apps that accommodate various orms ostorytelling, including point-to-point tours, points-o-interest collections, and thematic map series.

These pages present an overview o Esris storytellingapps. All the apps are open source and can bedownloaded rom the story maps website or GitHub.Increasingly, congurable apps are directly accessibleon ArcGIS Online. Use the share unction to choose anapp and congure it to suit your needs. These apps arechanging rapidly; visit the story maps website or the latest.

storymaps.esri.com

Using the Story MapsPublishing Platorm

How tomake astory map

2 Build yourweb map

Web maps combine basemaps with overlays, map and eature services, and additionaldata derived rom spreadsheets and shapeles. Beore you build your map, determinewhich storytelling template youd like to use. Some have special requirements; various appsconsume either a single web map, two or more layers o a single map, or several web maps.

1 Consideryouraudience

Beore buildingyour story map,its important tothink about exactlywhat story youretrying to tell andthe audience youwant to reach. Textshould be brie,maps simple, andmessage as clearas possible.

Map Tour Tabbed Viewer

Featuring our story map apps . . .

Other story map apps . . .

A sequential, place-based narrative

A growing community o storytellers has ound many uses(right) or the Map Tour app. The app presents a place-basednarrative o photos and captions, each with a map location. Arecent enhancement provides responsive design, adjustingthe ormat to suit a variety o screen sizes. A builder modeacilitates easy compilation and editing.

Features

Aseriesofgeotaggedphotoswithmapandthumbnailcarousel is available.

Previous/Nextpointersenableuserstoclicksequentiallythrough the tour.

Userscanusethemapcontrolsandcarouseltomovearoundat will.

Responsivedesignaccommodatessmartphonescreens,aswellastabletsandPCs.

Buildermodeenableseasyediting.

Use Cases

TOP:NationalParksofIndia by Abhishek Sindal.

MIDDLE: Lower SheboyganRiverRestorationbyNOAACoastalServices.

BOTTOM:DowntownSantaCruzBuildingsbytheCityofSantaCruz.

A single map or series o related maps

The versatile Tabbed Viewer app is useul or eaturing asingle map or presenting a series o related, thematic maps. Ithe author adds two or more maps to the app, a tab or eachmap appears along the bottom o the title panel. I thesemaps have a temporal component, a timeline will also appear.

Features

Theappaccommodatesasinglewebmaporbetweentwoand ve related maps.

Thesidepaneltextisgeneratedfromthewebmapdescriptions on ArcGIS Online.

Atimelineisincluded(ifenabled).

Coming:responsivedesigntoaccommodatesmartphonesandtablets; builder app or easier editing.

Use Cases

TOP:PovertyinSchoolAgeChildrenbyBlueRaster.

MIDDLE:TorontoCrime:Mapping over Time by EsriCanadaLimited.

BOTTOM:Utah FireSuppression andRestorationbyStateo Utah Department oNaturalResources.

Although theapps describedabove are themost popular withusers, additionalstorytellingormats areavailable.Checkthe story mapswebsite regularly,as apps arebeing enhancedand updatedrequently.

Playlist Map Matrix Compare Basic

This app is useul or eaturingweb maps that display an array olocations and associated images. Itgives users the option o clicking amap icon or perusing a playlist othumbnail images and titles.

This app is useul or showing o acollection o web maps. It taps anArcGIS Online group to display mapsin a rotating array o preview windows.Users can access descriptions andlarger web map views.

Two or three maps are displayed sideby side in this app. As t he user pansand zooms on one map, the othermaps also pan and zoom. Users cantoggle descriptions and legends onand o.

Occasionally, a web map is moreor less sel-explanatory. This appprovides a clean and simple contextor displaying a map, adding onlya title banner and drop-down maplegend.

3 Assemblemultimediacontent

4 Confgureyour storymap app

5 Refneyour storymap

6 Publish yourstory map

Text should bebrie. Make yourheadlines activeand descriptivei you can. Somestory apps tap webmap descriptions;read our how-todocuments ordetails. Imagesmust be accessiblevia web addresses,unless theyrepart o a eatureservice (Map Tourapp).Remember:Large images takelonger to load, sooptimize them tot the story map.

Story map appscan be conguredby providingyour web mapID number andselecting a ewpreerences. Manycan be congureddirectly throughan ArcGIS Onlineweb interace.For the rest, aREADMEleprovided withevery app stepsyou throughconguration andhosting options.

Our apps enableusers to quicklycreate and publishstory maps. As withall creative eorts,however, the qualityo your story willincrease as yourene it. Details,such as map colorsand symbols, pop-up design, wordingo map legends,and choice ophotographs, areall vital. Dont bearaid to go backand orthperhapsmany timestomake adjustments.

Shortlist Swipe

What's next or story maps?

Use Cases

TOP: MyMunich byEsri Deutschland GmbH.

MIDDLE:CitadelAgriculture, Italy, byGeoCareGISLab.

BOTTOM:RuinsofCarthageTour(Tunisia)byGraphtech.

U

TanSt

MAS

BWME

Points o interest in and around a destination

A curated list o points o interest can be organized intotwo to our categories, presented in the Shortlist app as tabs.Clickingamapiconcausesanoverlaypaneltoappear,withphoto,text,andweblink.Neighborhoodscanbefeaturedina drop-down list.

Features

Pointsofinterest(POIs)appearasathumbnailgridinasidepanel.

POIscanbeorganizedintocategories,whichappearintheapp as tabs.

Asuserspanandzoomaroundthemap,thethumbnaillistupdatestoshowonlythePOIsinthecurrentmapextent.

Clickingamapiconcallsupanoverlaypanelwithmoredetailed description, photo, and web link.

Adrop-downmenuenablesuserstozoomtoneighborhoodsor other locations.

Comparing two maps using a swipe unction

The Swipe app makes it easy or users to comparetwo thematic layers by moving a swipe bar back and orthacross the screen. The app consumes a single web mapwithtwolayers.AlthoughtheCompareapp(oppositepage, bottom) also enables comparison o two maps, theswipe unction is generally more engaging. Its eectiveor showing change over time with imagery, as well ascomparing related polygonal map themes.

Features

Twolayersofasinglewebmaparedisplayed.

Usersmoveaswipebarbackandforthacrossthescreen.

Ifbothmaplayersincludepop-upwindows,thesewillchangeas the swipe bar moves across a point.*

Dualmaplegendsandtextaredisplayedinasidepanel.*

Aseriesofviewscanbecreatedbyaddingbookmarkstotheweb map.*

Esri is continuingto producenew stories anddevelop newuser experiences.Meanwhile, agrowing worldwidecommunity ostorytellers is usingthese open sourceapps, spinning newtales and otenmodiying the appsin interesting ways.We want you to jointhis community!

Responsive design Geoblog Briefng book Tracker

A high priority o the story mapsteam is ensuring that all its apps workfawlessly across all viewing platorms,rom desktop to tablet to mobile.The team is working to retrot itstemplates with this capability.

This new app will integrate blogentrieswithawebmap.Partoftheauthoring process or each blog itemwill enable customizing the state oits accompanying web map, includingscale extent, pop-up window, andtheme.

A tablet app will enable users topresent books, or reports, thatinclude text, web maps, and othermultimedia content. Some booksmight be organized around textnarratives; others might ocus oncollections o maps.

An app will routes or trainormationradio-collarthe eld, or might be ar

* Note: The last three features were in production at press time.

Placeyourstorymaponaserverthatisaccessibletoyoits the general public or a specialized group behind an Your ArcGIS Online account provides an ideal platorm story mapsand or sharing your data, collaborating waccessing the best and latest storytelling apps.