{"id":68781,"date":"2015-08-03T20:00:22","date_gmt":"2015-08-03T20:00:22","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/how-to-make-a-time-aware-story-map\/"},"modified":"2021-04-29T08:38:20","modified_gmt":"2021-04-29T15:38:20","slug":"how-to-make-a-time-aware-story-map","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/how-to-make-a-time-aware-story-map","title":{"rendered":"How to make a time-aware Story Map"},"author":5441,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37131],"tags":[24861,27501,28031,28041,27591],"industry":[],"product":[36551,36611],"class_list":["post-68781","blog","type-blog","status-publish","format-standard","hentry","category-constituent-engagement","tag-story-map-journal","tag-story-map-series","tag-temporal","tag-time","tag-time-aware","product-arcgis-online","product-story-maps"],"acf":{"short_description":"A new ArcGIS Online configurable app was released in July 2015 that provides an updated experience for sharing time-enabled maps. The Tim...","flexible_content":[{"acf_fc_layout":"content","content":"

Note<\/strong>: This blog covers the classic Esri Story Maps. Story authors are encouraged to use the new\u00a0ArcGIS StoryMaps<\/a> to create stories; however, Esri will continue to maintain the classic templates for your use. For more information, see the Product road map<\/a>.<\/p>\n

\n

A new ArcGIS Online<\/a> configurable app was released in July 2015 that provides an updated experience for sharing time-enabled maps. The Time Aware app<\/a> looks and works great on its own, but it also provides a way to add time-enabled maps to your Story Maps. Read on to find out how to create a Time Aware app and embed it in a\u00a0Story Map Journal<\/a>\u00a0or\u00a0Story Map Series<\/a>.<\/p>\n

Step 1: Create a web map with a time-enabled layer<\/strong><\/p>\n

You’ll need to start by making or finding a map that has at least one layer with temporal data\u00a0like this web map of the 2010 Deepwater Horizon oil spill in the Gulf of Mexico<\/a>. If you are new to time-enabled layers you can\u00a0learn more about publishing and configuring time on layers<\/a>.<\/p>\n

Once you add a layer with time you’ll see a time slider at the bottom of the map that controls how the time data is displayed.<\/p>\n

\"\"<\/a><\/p>\n

Click the Configure<\/strong> \"\"<\/a>\u00a0button on the time slider, click Show advanced options<\/strong>, and configure the time span<\/em> and time display<\/em> for the map. These settings control the overall extent of time shown by the slider and the time window shown on the map (learn more about configuring time settings in a map<\/a>).<\/p>\n

\"\"<\/a><\/p>\n

When the map layers and time settings are configured,\u00a0Save<\/strong> the map.<\/p>\n

Step 2: Share the map using the Time Aware app<\/strong><\/p>\n

Click Share<\/strong>, choose who can see your map, click\u00a0Create A Web App<\/strong>,\u00a0and click Create<\/strong> under the new\u00a0Time Aware configurable app<\/a>\u00a0from the app gallery.<\/p>\n

\"\"<\/a><\/p>\n

If you don’t see this app, or you see a Time Aware app labeled “retired,” your administrator may have a custom app gallery configured for your organization. Contact the admin and ask him or her to add the current default Esri apps to your organization’s app gallery<\/a>. This can be done by going to My Organization > Edit Settings > Map > Web App Templates<\/strong> and checking the box to Share the Esri default web application templates to this group when you click Save<\/em>.<\/p>\n

If the app is available, you’ll see something like this once you finish creating the app.<\/p>\n

\"\"<\/p>\n

Step 3: Configure the Time Aware app<\/strong><\/p>\n

Now you’ll use the configuration panel to adjust how your Time Aware app looks and behaves. The configuration panel should be visible when you first create the app, but you can always access it by going to the app’s item page and clicking Configure App<\/strong>.<\/p>\n

When embedding the Time Aware app in a Story Map it’s best to turn off<\/span> Show Title<\/em>, Display about dialog<\/em>, and Display share dialog<\/em>\u00a0in the General<\/strong> settings. If you uncheck these three settings the header bar will be removed, which works best for embedding this app in a Story Map.<\/p>\n

The default dark grey theme pairs well with most Story Maps, but you can choose different theme colors for the legend and time slider if you like. There are also configuration panel sections to tweak the Time Display<\/strong>, Map Tools<\/strong>, and Search<\/strong> options for the app.<\/p>\n

Once you’re done configuring, don’t forget to Save<\/strong> your configuration changes.<\/p>\n

\"\"<\/a><\/p>\n

There are many other configuration options for you to explore including some useful\u00a0Time Settings<\/strong>\u00a0that control how the time slider appears and works in your app. See this blog<\/a> for more information about using the Time Aware configurable app.<\/p>\n

Step 4: Embed the Time Aware app into your Story Map<\/strong><\/p>\n

Finally, copy the URL of your Time Aware app and add it to your Story Map Journal, Series, or Cascade as a web page as described in this blog post<\/a>. Make sure to copy the URL of the app when the configuration panel is not<\/span> open, or copy it from the Properties<\/em> section of the app’s item page.<\/p>\n

Here is a simple example of a Time Aware app in a\u00a0Map Journal<\/a>.<\/p>\n

\"\"<\/a><\/p>\n

Finally, be sure to avoid configuring the description panel for a tabbed or bulleted Story Map Series on the right side if your Time Aware app’s legend is visible.<\/p>\n

For more information<\/strong><\/p>\n