{"id":160882,"date":"2018-11-13T10:16:04","date_gmt":"2018-11-13T18:16:04","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcwatch&p=160882"},"modified":"2019-07-11T12:25:19","modified_gmt":"2019-07-11T19:25:19","slug":"learn-how-to-make-a-time-aware-story-map","status":"publish","type":"arcwatch","link":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/learn-how-to-make-a-time-aware-story-map","title":{"rendered":"Learn How to Make a Time-Aware Story Map"},"content":{"rendered":"","protected":false},"author":651,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","castos_file_data":"","podmotor_file_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[10392,10682],"tags":[209272,282672,326772,326782],"arcwatch_issues":[170352],"class_list":["post-160882","arcwatch","type-arcwatch","status-publish","format-standard","hentry","category-arcgis-online","category-esri-story-maps-apps","tag-esri-story-map-app","tag-story-map-journal","tag-time-aware","tag-time-aware-app","arcwatch_issues-october-2015","arcwatch_sections-the-tip"],"acf":{"short_description":"Find out how to create a Time Aware app and embed it in a Story Map Journal or Story Map Series.","pdf":{"host_remotely":false,"file":"","file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"A new\u00a0ArcGIS Online<\/a>\u00a0configurable app was released in July 2015 that provides an updated experience for sharing time-enabled maps. The\u00a0Time Aware app<\/a>\u00a0looks 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>.\r\n

Step 1: Create a web map with a time-enabled layer, using ArcGIS Online.<\/h3>\r\nStart by making or finding a map that has at least one layer with temporal data, like\u00a0this 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>.\r\n\r\nOnce you add a layer with time data, you'll see a time slider at the bottom of the map that controls how the time data is displayed.\r\n\r\n\r\n\r\nClick the\u00a0Configure<\/strong>\u00a0 button beside the time slider, click\u00a0Show advanced options<\/strong>, and configure the\u00a0time span<\/em>\u00a0and\u00a0time display<\/em>\u00a0for 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>.)\r\n\r\n\r\n\r\nOnce the map layers and time settings are configured, Click\u00a0SAVE<\/strong>.\r\n

Step 2: Share the map using the new Time Aware app<\/h3>\r\nClick\u00a0Share<\/strong>, choose who can see your map, click\u00a0Create A Web App<\/strong>, and click\u00a0Create<\/strong>\u00a0under the new\u00a0Time Aware configurable app<\/a>\u00a0from the app gallery.\r\n\r\n\r\n\r\nIf 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. Ask the administrator to\u00a0add the current default Esri apps to your organization's app gallery<\/a>. This can be done by going to\u00a0My Organization > Edit Settings > Map > Web App Templates<\/strong>\u00a0and checking the box to\u00a0Share the Esri default web application templates to this group when you click SAVE<\/em>.\r\n\r\nIf the app is available, you'll see something like this once you finish creating the app.\r\n\r\n\r\n

Step 3: Configure the Time Aware app.<\/h3>\r\nNow you'll use the configuration panel to adjust how your Time Aware app looks and behaves. The configuration panel should be visible when you create the app, but you can always access it by going to the app's item page and clicking\u00a0Configure App<\/strong>.\r\n\r\nWhen embedding the Time Aware app in a story map, it's best to turn off\u00a0Show Title, Display about dialog<\/em>, and\u00a0Display share dialog<\/em>\u00a0in the General settings. If you uncheck these three settings, the header bar will be removed, which will work best for embedding this app in a story map.\r\n\r\nThe default dark gray 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\u00a0Time Display, Map Tools<\/em>, and\u00a0Search<\/em>\u00a0options for the app.\r\n\r\nOnce you're done making configuration changes, don't forget to click\u00a0SAVE<\/strong>.\r\n\r\n\r\n\r\nThere are many other configuration options for you to explore including some useful Time Settings that control how the time slider appears and works in your app.\r\n

Step 4: Embed the Time Aware app into your Story Map Journal or Story Map Series app.<\/h3>\r\nCopy the URL of your Time Aware app and add it to your story map as a web page, as described in\u00a0this blog post<\/a>. Make sure to copy the URL of the app when the configuration panel is not open, or copy it from the Properties section of the app's item page.\r\n\r\nClick on this simple example of a Time Aware app in a\u00a0Story Map Journal<\/a>.\r\n\r\n\r\n\r\nA final suggestion: If your Time Aware app's legend is visible, do not configure the description panel to be on the right side of a tabbed or bulleted Story Map Series app. The two could overlap.\r\n

For More Information<\/h3>\r\n