{"id":919,"date":"2012-06-15T11:04:40","date_gmt":"2012-06-15T18:04:40","guid":{"rendered":"http:\/\/www.esri.com\/about\/newsroom\/insider\/?p=919"},"modified":"2012-06-15T11:04:40","modified_gmt":"2012-06-15T18:04:40","slug":"multi-dimensional-mapping-the-civil-war-story-map","status":"publish","type":"insider","link":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map","title":{"rendered":"Multi-dimensional Mapping: The Civil War Story Map"},"content":{"rendered":"

Ongoing sesquicentennial observances have heightened interest in a topic that millions of Americans have always found spellbinding. The saga of the Civil War seemed an ideal opportunity to test some techniques for timelines, animations, and search functions tied to interactive maps.
\nThe \u201cBattlefields of the Civil War<\/a>\u201d map was the latest in an ongoing effort to show how intelligent maps can help users explore subjects over both space and time. We\u2019re also seeking to give users different options for browsing, navigating, and discovering content\u2014even within a single story map.
\n\"\"<\/a>
\nTo build the story, we first created a web map. We compiled a spreadsheet of Civil War battles, using Wikipedia and the Civil War Trust<\/a> as sources. We geo-tagged the battlefields by tapping POI Factory\u2019s<\/a> free database of GPS points. And, with the permission of the Civil War Trust, we added links to many of the dozens of beautiful battle maps that grace their \"\"<\/a>excellent website. Finally, we contacted map collector and technologist David Rumsey<\/a>, who made a period map available to us. (You can see many more of David\u2019s maps in the David Rumsey Map Collection<\/a> public group on ArcGIS.com.)
\nWe further refined the map by configuring its popups. Web map authors often neglect this key step. ArcGIS Online has an array of \"\"<\/a>options for refining the contents of popups. I find the most versatile to be the \u201ccustom attribute display\u201d option (left). This lets you pick and choose among the field names from your spreadsheet in any order you wish, and to apply basic text editing tools, including color, boldface, italics, etc. After a variety of these sorts of adjustments, the web map<\/a> was a nicely presented collection of useful geo-information.
\nThe web map was ready for its debut. But it needed a stage and a script with which to express its capabilities. In this case the \u201cstage\u201d is a JavaScript app that performs nicely in both browsers and tablets. We had already developed a \u201cplaylist\u201d format that we had used in a story map about American watersheds<\/a>. JavaScript virtuoso Stephen Sylvia adapted this format to enable a chronological listing of the battles. He also incorporated and refined a search capability that lets users find battles and type in state names, which neatly excludes all battles except those within the featured state.
\nThe trickiest part was perfecting the timeline. Stephen made repeated adjustments, finally achieving an array of options including dragging pointers to manually set date ranges, playing and pausing an animation, and enabling users to change animation settings. The app also lets users choose among basemaps: The default National Geographic map, satellite imagery, and David Rumsey\u2019s 1862 map. A dropdown box displays the map legend and links to sources.
\nThe resulting story map gives users several ways to explore the map: searching, browsing, panning and zooming, adjusting time, and switching theme. It\u2019s interesting to move the time slider or play the animation to reveal patterns of conflict, especially the line of battles along Sherman\u2019s route to Atlanta. It\u2019s also interesting to choose the imagery option, zoom in for a close-up view, and click from battle to battle. You\u2019ll quickly see why the Civil War Trust faces an ongoing challenge: Many of the battle sites are within or near subdivisions and strip malls.<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","castos_file_data":"","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":[276562],"tags":[276992,1811,277002],"class_list":["post-919","insider","type-insider","status-publish","format-standard","hentry","category-storytelling-maps","tag-civil-war","tag-story-maps","tag-storytelling-with-maps"],"acf":[],"yoast_head":"\nMulti-dimensional Mapping: The Civil War Story Map<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Multi-dimensional Mapping: The Civil War Story Map\" \/>\n<meta property=\"og:description\" content=\"Ongoing sesquicentennial observances have heightened interest in a topic that millions of Americans have always found spellbinding. The saga of the Civil War seemed an ideal opportunity to test some techniques for timelines, animations, and search functions tied to interactive maps. The \u201cBattlefields of the Civil War\u201d map was the latest in an ongoing effort […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map\" \/>\n<meta property=\"og:site_name\" content=\"Esri\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/themes\/esri_newsroom\/placeholders\/Newsroom-Keyart-Wide.jpg\" \/><meta property=\"og:image\" content=\"https:\/\/www.esri.com\/about\/newsroom\/app\/themes\/esri_newsroom\/placeholders\/Newsroom-Keyart-Wide.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Esri\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t \"@context\": \"https:\/\/schema.org\",\n\t \"@graph\": [\n\t {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map\",\n\t \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map\",\n\t \"name\": \"Multi-dimensional Mapping: The Civil War Story Map\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\"\n\t },\n\t \"primaryImageOfPage\": {\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"http:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/files\/2012\/06\/CWStory1-1024x697.jpg\",\n\t \"datePublished\": \"2012-06-15T18:04:40+00:00\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#breadcrumb\"\n\t },\n\t \"inLanguage\": \"en-US\",\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"ReadAction\",\n\t \"target\": [\n\t \"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map\"\n\t ]\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"en-US\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#primaryimage\",\n\t \"url\": \"\",\n\t \"contentUrl\": \"\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#breadcrumb\",\n\t \"itemListElement\": [\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 1,\n\t \"name\": \"Home\",\n\t \"item\": \"https:\/\/www.esri.com\/about\/newsroom\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 2,\n\t \"name\": \"Multi-dimensional Mapping: The Civil War Story Map\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"WebSite\",\n\t \"@id\": \"https:\/\/www.esri.com\/about\/newsroom\/#website\",\n\t \"url\": \"https:\/\/www.esri.com\/about\/newsroom\/\",\n\t \"name\": \"Esri\",\n\t \"description\": \"Esri Newsroom\",\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"SearchAction\",\n\t \"target\": {\n\t \"@type\": \"EntryPoint\",\n\t \"urlTemplate\": \"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}\"\n\t },\n\t \"query-input\": {\n\t \"@type\": \"PropertyValueSpecification\",\n\t \"valueRequired\": true,\n\t \"valueName\": \"search_term_string\"\n\t }\n\t }\n\t ],\n\t \"inLanguage\": \"en-US\"\n\t }\n\t ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Multi-dimensional Mapping: The Civil War Story Map","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map","og_locale":"en_US","og_type":"article","og_title":"Multi-dimensional Mapping: The Civil War Story Map","og_description":"Ongoing sesquicentennial observances have heightened interest in a topic that millions of Americans have always found spellbinding. The saga of the Civil War seemed an ideal opportunity to test some techniques for timelines, animations, and search functions tied to interactive maps. The \u201cBattlefields of the Civil War\u201d map was the latest in an ongoing effort […]","og_url":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map","og_site_name":"Esri","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","og_image":[{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/themes\/esri_newsroom\/placeholders\/Newsroom-Keyart-Wide.jpg","type":"","width":"","height":""},{"url":"https:\/\/www.esri.com\/about\/newsroom\/app\/themes\/esri_newsroom\/placeholders\/Newsroom-Keyart-Wide.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Esri","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map","url":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map","name":"Multi-dimensional Mapping: The Civil War Story Map","isPartOf":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#primaryimage"},"image":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#primaryimage"},"thumbnailUrl":"http:\/\/www.esri.com\/about\/newsroom\/app\/uploads\/files\/2012\/06\/CWStory1-1024x697.jpg","datePublished":"2012-06-15T18:04:40+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/about\/newsroom\/insider\/multi-dimensional-mapping-the-civil-war-story-map#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/about\/newsroom"},{"@type":"ListItem","position":2,"name":"Multi-dimensional Mapping: The Civil War Story Map"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/about\/newsroom\/#website","url":"https:\/\/www.esri.com\/about\/newsroom\/","name":"Esri","description":"Esri Newsroom","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/about\/newsroom\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/insider\/919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/insider"}],"about":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/types\/insider"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/insider\/919\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/media?parent=919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/categories?post=919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/about\/newsroom\/wp-json\/wp\/v2\/tags?post=919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}