{"id":1890772,"date":"2024-08-14T14:00:48","date_gmt":"2024-08-14T21:00:48","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1890772"},"modified":"2024-11-13T17:16:46","modified_gmt":"2024-11-14T01:16:46","slug":"media-layers-in-arcgis-storymaps","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps","title":{"rendered":"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities"},"author":32401,"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":[398132,33371,769492,27881],"industry":[],"product":[36551,36611,380802],"class_list":["post-1890772","blog","type-blog","status-publish","format-standard","hentry","category-constituent-engagement","tag-arcgis-storymaps","tag-map-viewer","tag-media-layer","tag-storytelling","product-arcgis-online","product-story-maps","product-arcgis-storymaps"],"acf":{"short_description":"Learn about how to use web map media layers or the image base option in express maps to tell unique, innovative stories with ArcGIS StoryMaps.","flexible_content":[{"acf_fc_layout":"content","content":"

When it comes to using maps as a storytelling tool, there\u2019s no shortage of treatments and tricks that can be employed in ArcGIS StoryMaps. We\u2019ve all got our favorites: map tours, map choreography, and media actions, to name a few. Using these features and techniques, maps can become active, even inter<\/em>active drivers of the narrative instead of just passive ornamentation.<\/p>\n

But why should the fun stop at maps? What about other forms of media, like images? Wouldn\u2019t it be cool to stage a tour of a photograph, or let readers pan and zoom around an infographic? As it turns out, you can do exactly that in ArcGIS StoryMaps, and you don\u2019t even need any sort of technical expertise.<\/p>\n

It started in February of 2023, when the ArcGIS Map Viewer team announced the advent of the media layer<\/a>, a way to pull an image into a web map \u2014 not as part of a pop-up, but into<\/em> the actual map itself, as its own layer \u2014 and position it anywhere in the world. This meant that anything you could do to a map in ArcGIS StoryMaps, you could now do to an image by adding it to a web map as a media layer and bringing that web map into a story.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1890782,"id":1890782,"title":"Screen Shot 2023-03-29 at 9.06.17 PM","filename":"Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723.png","filesize":71162,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\/screen-shot-2023-03-29-at-9-06-17-pm","alt":"A screenshot of the layer panel in ArcGIS Map Viewer, with the add layer dropdown menu open and the media layer option highlighted","author":"32401","description":"","caption":"","name":"screen-shot-2023-03-29-at-9-06-17-pm","status":"inherit","uploaded_to":1890772,"date":"2023-03-30 01:08:06","modified":"2023-03-30 01:08:55","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":360,"height":467,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723-201x261.png","medium-width":201,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723.png","medium_large-width":360,"medium_large-height":467,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723.png","large-width":360,"large-height":467,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723.png","1536x1536-width":360,"1536x1536-height":467,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723.png","2048x2048-width":360,"2048x2048-height":467,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723-358x465.png","card_image-width":358,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screen-Shot-2023-03-29-at-9.06.17-PM-e1680142124723.png","wide_image-width":360,"wide_image-height":467}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

 <\/p>\n

Then, in August 2024, a media layer-esque capability was added directly to ArcGIS StoryMaps, through a new express map feature. Express maps, if you\u2019re unfamiliar, are simple, build-from-scratch maps<\/a> that you can put together right there in the ArcGIS StoryMaps builder, without any prerequisite GIS knowledge or ability. Express map creators can easily add features like points, lines, and shapes, and populate pop-ups for each.<\/p>\n

The big change was in giving storytellers the option to use an image as the base layer for an express map instead of a map. The video below offers a brief demonstration of how to add an image base to an express map. Note that the image base layer is still considered to be in beta, so keep your ears open for future enhancements that will make this feature even more robust. One such enhancement that has already found its way into the product<\/a> is the ability to clip the express map container to the aspect ratio of the image that’s being used as the base. This makes any express map using an image base fit more seamlessly and naturally into a story.<\/p>\n"},{"acf_fc_layout":"kaltura","video_id":"1_rwgiyjl1","time":false,"start":0,"stop":""},{"acf_fc_layout":"content","content":"

 <\/p>\n

Still not sure why this is all so exciting? Let\u2019s look at some of the previously map-only techniques that can now be applied to images in ArcGIS StoryMaps, and when it makes sense to use a media layer or an express map image base, depending on your desired use.<\/p>\n

Anything maps can do, images can too<\/h1>\n

Image tours<\/h2>\n

We\u2019ll start with one of the most popular features in ArcGIS StoryMaps: map tour<\/strong>. In a map tour, storytellers set up a sequence or array of geographic points that relate information and media about each place as readers are guided through<\/a> or given license to explore<\/a> them. But what if you could have an audience experience that curated tour of an image<\/em> instead of a map? That\u2019s precisely what the media layer now allows.<\/p>\n

In the story The golden view<\/em><\/a>, a panoramic photo of the skyline of Pittsburgh is used as the base for an explorer tour in lieu of a map. Rather than representing points on a map, each point in the tour represents an element of the photo\u2014a towering skyscraper or a nearly-hidden historic site, for instance. Readers can embark on a self-guided “tour” of the photo, clicking the pins on the elements of the skyline that interest them the most to learn more about them.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1892202,"id":1892202,"title":"medialayer-tour-loop-red","filename":"medialayer-tour-loop-red.gif","filesize":4482534,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-tour-loop-red.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\/medialayer-tour-loop-red","alt":"An animated gif demonstrating how media layers can be used in an explorer map tour in ArcGIS StoryMaps","author":"32401","description":"","caption":"A demonstration of how a media layer can be used as the base for an explorer tour in ArcGIS StoryMaps.","name":"medialayer-tour-loop-red","status":"inherit","uploaded_to":1890772,"date":"2023-03-31 06:33:23","modified":"2023-03-31 06:42:55","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1919,"height":1080,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-tour-loop-red-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-tour-loop-red.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-tour-loop-red.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-tour-loop-red.gif","large-width":1919,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-tour-loop-red-1536x864.gif","1536x1536-width":1536,"1536x1536-height":864,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-tour-loop-red.gif","2048x2048-width":1919,"2048x2048-height":1080,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-tour-loop-red-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-tour-loop-red.gif","wide_image-width":1919,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/storymaps.arcgis.com\/stories\/1ae7002baad04ee4bb481071f6b4e59c"},{"acf_fc_layout":"content","content":"

Map tours currently do not support using an express map as their base, so you\u2019ll need to use a web map media layer<\/strong> for these.<\/p>\n

Image choreography<\/h2>\n

Another feature of ArcGIS StoryMaps that the we on the StoryMaps team are really enthusiastic about is map choreography<\/a>: the ability to stage a series of maps in sidecar slides<\/a> that change in some way (exposing layers, changing extent, etc.) as a reader scrolls from slide to slide.<\/p>\n

Returning to Pittsburgh and The golden view<\/em>, you can see an example of image<\/em> choreography, now possible thanks to the Media Layer. Sequences of slides involve a web map that has multiple images uploaded into it, each depicting the Pittsburgh skyline, but across three different periods of time. By turning these media layers on and off as the reader scrolls, they can watch the city transform from the same vantage point over the span of a century, before their very eyes.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1892212,"id":1892212,"title":"medialayer-choreoshort-alt-loop-red","filename":"medialayer-choreoshort-alt-loop-red.gif","filesize":2647816,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-choreoshort-alt-loop-red.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\/medialayer-choreoshort-alt-loop-red","alt":"An animated gif demonstrating how image choreography can be set up using a sequence of slides with media layers","author":"32401","description":"","caption":"Media layers can be used to enact image \"choreography,\" too.","name":"medialayer-choreoshort-alt-loop-red","status":"inherit","uploaded_to":1890772,"date":"2023-03-31 06:36:08","modified":"2023-03-31 06:37:24","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":959,"height":540,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-choreoshort-alt-loop-red-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-choreoshort-alt-loop-red.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-choreoshort-alt-loop-red.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-choreoshort-alt-loop-red.gif","large-width":959,"large-height":540,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-choreoshort-alt-loop-red.gif","1536x1536-width":959,"1536x1536-height":540,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-choreoshort-alt-loop-red.gif","2048x2048-width":959,"2048x2048-height":540,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-choreoshort-alt-loop-red-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-choreoshort-alt-loop-red.gif","wide_image-width":959,"wide_image-height":540}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/storymaps.arcgis.com\/stories\/1ae7002baad04ee4bb481071f6b4e59c"},{"acf_fc_layout":"content","content":"

Because each instance of an express map in a story \u2014 even when copied during the duplication of a sidecar slide \u2014 is considered its own unique item, map choreography involving panning and zooming tends to work better for media layers<\/strong> in a web map.<\/p>\n

Image actions<\/h2>\n

Another fun trick that can now work on images is media actions<\/a>. These are clickable buttons or bits of text in map-occupied sidecar slides that change the appearance of the map when activated, again by turning layers on or off and\/or panning\/zooming.<\/p>\n

The story Quizzed from above<\/em><\/a> presents ten photographs taken from airplane windows somewhere over the continental U.S. These snapshots are media layered into a web map so that \u201cmap\u201d actions within the accompanying text can point out various context clues that might help a reader key in on the photo\u2019s location. A final map action reveals an annotated screenshot from Esri’s world imagery layer<\/a> that provides the answer.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1892222,"id":1892222,"title":"medialayer-actions-loop-red","filename":"medialayer-actions-loop-red.gif","filesize":1615875,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-actions-loop-red.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\/medialayer-actions-loop-red","alt":"An animated gif demonstrating how map actions can be set up with images using the media layer","author":"32401","description":"","caption":"Image \"actions\" can add interactivity to images when they're brought into a story using the media layer.","name":"medialayer-actions-loop-red","status":"inherit","uploaded_to":1890772,"date":"2023-03-31 06:37:46","modified":"2023-03-31 06:43:52","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":959,"height":540,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-actions-loop-red-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-actions-loop-red.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-actions-loop-red.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-actions-loop-red.gif","large-width":959,"large-height":540,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-actions-loop-red.gif","1536x1536-width":959,"1536x1536-height":540,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-actions-loop-red.gif","2048x2048-width":959,"2048x2048-height":540,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-actions-loop-red-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/medialayer-actions-loop-red.gif","wide_image-width":959,"wide_image-height":540}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/storymaps.arcgis.com\/stories\/f4bbae510007421f82c80efb3bf8a73a"},{"acf_fc_layout":"content","content":"

 <\/p>\n

Media actions work great for both web maps and express maps, so if you know you want to configure some media actions to help readers explore an image, it\u2019s probably easiest to just go with the one-stop shopping of an express map image base<\/strong> and not have to leave the story builder.<\/p>\n

Annotating images<\/h2>\n

One more thing you can do to images, thanks to the express map image base<\/strong>, is take advantage of the express map drawing and annotation tools. You can easily add features like points, lines, and shapes to an image, and fill out interactive pop-ups with additional information for each of those features, if desired. You can also add annotations like text labels and arrows, all without leaving the builder or needing to create additional feature layers on a web map.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2472912,"id":2472912,"title":"Screenshot 2024-08-14 at 5.09.59\u202fPM","filename":"Screenshot-2024-08-14-at-5.09.59\u202fPM.png","filesize":2221387,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2024-08-14-at-5.09.59\u202fPM.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\/screenshot-2024-08-14-at-5-09-59-pm-2","alt":"An aerial photograph of a green, hilly island in an ocean, with a route line and some points of interest drawn on the photo.","author":"32401","description":"","caption":"An example of how the express map drawing tools can be applied to an image.","name":"screenshot-2024-08-14-at-5-09-59-pm-2","status":"inherit","uploaded_to":1890772,"date":"2024-08-28 19:55:46","modified":"2024-08-28 19:56:47","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1407,"height":759,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2024-08-14-at-5.09.59\u202fPM-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2024-08-14-at-5.09.59\u202fPM.png","medium-width":464,"medium-height":250,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2024-08-14-at-5.09.59\u202fPM.png","medium_large-width":768,"medium_large-height":414,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2024-08-14-at-5.09.59\u202fPM.png","large-width":1407,"large-height":759,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2024-08-14-at-5.09.59\u202fPM.png","1536x1536-width":1407,"1536x1536-height":759,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2024-08-14-at-5.09.59\u202fPM.png","2048x2048-width":1407,"2048x2048-height":759,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2024-08-14-at-5.09.59\u202fPM-826x446.png","card_image-width":826,"card_image-height":446,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2024-08-14-at-5.09.59\u202fPM.png","wide_image-width":1407,"wide_image-height":759}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

 <\/p>\n

Just think of the possibilities!<\/h1>\n

Those two example stories show off some fun, whimsical ways that map-based images can be used in conjunction with ArcGIS StoryMaps features and techniques, but the full range of possibilities starts to feel nigh on endless once our imagination kicks in. Just off the top of my head, here are a few other ideas for how to incorporate media layers into ArcGIS StoryMaps.<\/p>\n

Historic\/scanned maps<\/h2>\n

A lot of the time we\u2019re spoiled by living in a digital age; we can usually find all manner of archival materials online in a matter of seconds, including historical maps (obligatory shout out to the Rumsey Collection<\/a>). But that just makes it even more frustrating on those occasions when we find ourselves in possession of cartography that\u2019s digitized (or able to be digitized) but not georeferenced. Fortunately, now we have the media layer to evaporate that frustration.<\/p>\n

Note: For now, an image brought into an express map base layer is automatically locked in size at a global scale, with no way to adjust its size or position. This means that maneuvering a digitized map into its proper place is another use case that needs to happen as a media layer<\/strong> in a web map.<\/p>\n

Schematics\/graphics<\/h2>\n

Maps come in all shapes, sizes, and scales. You could even have a map of a studio apartment\u2014it\u2019s called a floor plan. Use a map-based image to set up a digital tour of an indoor space. Or, heck, let\u2019s get totally heretical: You don\u2019t even need to involve place at all! Walk through a flow chart or instruction manual or family tree in ArcGIS StoryMaps.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2153322,"id":2153322,"title":"Screenshot 2023-11-09 at 6.01.11\u202fPM","filename":"Screenshot-2023-11-09-at-6.01.11\u202fPM.png","filesize":2069152,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2023-11-09-at-6.01.11\u202fPM.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\/screenshot-2023-11-09-at-6-01-11-pm","alt":"An illustration of a school cafeteria kitchen, with green pins indicated different pieces of kitchen equipment","author":"32401","description":"","caption":"In the story \"Picking apart the school lunch,\" an illustrated view of a school kitchen brought into a media layer provides insight into the difficulty and expense of maintaining kitchen equipment.","name":"screenshot-2023-11-09-at-6-01-11-pm","status":"inherit","uploaded_to":1890772,"date":"2023-11-09 23:01:45","modified":"2023-11-09 23:04:22","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2460,"height":1732,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2023-11-09-at-6.01.11\u202fPM-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2023-11-09-at-6.01.11\u202fPM.png","medium-width":371,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2023-11-09-at-6.01.11\u202fPM.png","medium_large-width":768,"medium_large-height":541,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2023-11-09-at-6.01.11\u202fPM.png","large-width":1534,"large-height":1080,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2023-11-09-at-6.01.11\u202fPM-1536x1081.png","1536x1536-width":1536,"1536x1536-height":1081,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2023-11-09-at-6.01.11\u202fPM-2048x1442.png","2048x2048-width":2048,"2048x2048-height":1442,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2023-11-09-at-6.01.11\u202fPM-660x465.png","card_image-width":660,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/Screenshot-2023-11-09-at-6.01.11\u202fPM-1534x1080.png","wide_image-width":1534,"wide_image-height":1080}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/storymaps.arcgis.com\/stories\/eacc18ba087e4a1aaddbfc42df37b70e"},{"acf_fc_layout":"content","content":"

 <\/p>\n

Artwork<\/h2>\n

While I’m heading down this very dangerous road of placelessness (please don’t tell anyone), I might as well toss out the suggestion of using map-based images to “deconstruct” a work of art like a painting, say, or a more human-oriented photograph.<\/p>\n

In the story Answering the call<\/em><\/a>, about wilderness safety and rescue, we pulled an illustration into a media layer and then used it as the “basemap” for a guided tour that walks through some essentials for long hikes.<\/p>\n

I\u2019m sure you could come up with dozens of other potential use cases, and I’m super excited to see what our storytelling community comes up with!<\/p>\n

 <\/p>\n

Media layer tips and tricks<\/h1>\n

Given that some of the use cases outlined above work better (or only) as a media layer, I thought it might be helpful to talk through some of the nuances involved in setting up a web map with a media layer to make it work most effectively in a story.<\/p>\n

A beautiful simplicity<\/h2>\n

Before the advent of the media layer, there technically was a way to trick GIS software into \u201cgeoreferencing\u201d an image, after which you could theoretically employ the techniques outlined in this post. However, this was a multi-step process that required access to and some knowledge of GIS software; in other words, the barrier to access was just a little too high to make it part of a regular storytelling workflow for most people.<\/p>\n

One of the best things about the media layer is that literally anyone with an ArcGIS Online account can do it in four clicks or fewer: One click to open your map\u2019s Layers tab (if it isn\u2019t open already), one to unfurl the Add<\/strong> drop-down menu, and a third to select Add media layer<\/strong>. The final click is used to drag in your desired image (for now, just JPG and PNG files up to 10 megabytes), and watch it appear on the map.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1892232,"id":1892232,"title":"addmedialayer-loop","filename":"addmedialayer-loop.gif","filesize":1951754,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/addmedialayer-loop.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\/addmedialayer-loop","alt":"An animated gif demonstrating how to add a media layer in map viewer","author":"32401","description":"","caption":"Adding media layers to map viewer is remarkably simple.","name":"addmedialayer-loop","status":"inherit","uploaded_to":1890772,"date":"2023-03-31 06:39:40","modified":"2024-08-14 21:56:44","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":959,"height":540,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/addmedialayer-loop-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/addmedialayer-loop.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/addmedialayer-loop.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/addmedialayer-loop.gif","large-width":959,"large-height":540,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/addmedialayer-loop.gif","1536x1536-width":959,"1536x1536-height":540,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/addmedialayer-loop.gif","2048x2048-width":959,"2048x2048-height":540,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/addmedialayer-loop-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/addmedialayer-loop.gif","wide_image-width":959,"wide_image-height":540}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

 <\/p>\n

When you first add an image, you\u2019ll be inside the media editor, where you can place, resize, rotate, and stretch the media. You can also adjust the image\u2019s transparency while you wrangle it into shape, which can be especially helpful for lining up a historic or scanned map with the underlying basemap. (Note that transparency within the media editor does not apply to the actual appearance of the layer in the map; layer transparency can be adjusted in the layer properties. Also, you can reenter the media editor at any time by clicking Edit placed media <\/strong>in the layer properties.)<\/p>\n

Hide the basemap<\/h2>\n

There may be instances when the basemap is only going to be a distraction from the presentation of the media layer(s) in your story, but there are a few options to \u201chide\u201d it. The easiest is to simply turn off the basemap layers entirely, then enabling background color in the Map properties<\/strong> and setting that color to whatever you’d like the background to be (useful for making media layers appear seamless against the background of a custom theme, as in the Quizzed from above<\/em> story).<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1892242,"id":1892242,"title":"nobasemap","filename":"nobasemap.gif","filesize":914275,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/nobasemap.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\/nobasemap","alt":"An animated gif demonstrating how to hide the basemap and give the background a new color in map viewer","author":"32401","description":"","caption":"Map viewer makes it easy to hide the basemap, which can help keep the focus on your media layers.","name":"nobasemap","status":"inherit","uploaded_to":1890772,"date":"2023-03-31 06:40:54","modified":"2023-03-31 06:41:44","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":959,"height":540,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/nobasemap-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/nobasemap.gif","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/nobasemap.gif","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/nobasemap.gif","large-width":959,"large-height":540,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/nobasemap.gif","1536x1536-width":959,"1536x1536-height":540,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/nobasemap.gif","2048x2048-width":959,"2048x2048-height":540,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/nobasemap-826x465.gif","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/nobasemap.gif","wide_image-width":959,"wide_image-height":540}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

 <\/p>\n

If you know you’re still going to want to display the basemap at times\u2014for example, to provide locational context for a photo, or to compare a historic map with the present-day environment\u2014you could try adding the ready-made “Blank White Vector Basemap<\/a>” or “Blank Black Vector Basemap<\/a>” from the Living Atlas layer repository and toggle it on or off to cover or show the basemap as need dictates. If pure white or black doesn’t jive with your theme, you can always draw your own sketch layer that encompasses the entire earth, make it fully opaque, and give it whatever custom color you want.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"sidebar","content":"

Did you know?<\/strong> Thanks to a November, 2023<\/a> enhancement to ArcGIS StoryMaps, you can now turn off the scale bar for a web map that’s been inserted into a story. This capability is especially handy when you’re using media layers, especially non-map media layers, for which the scale of the underlying map would be inaccurate and irrelevant to the content of the media layer. (Note that the scale bar cannot be turned off for map tours.)<\/p>\n","image_reference":false,"layout":"standard","image_reference_figure":"","snippet":"","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false},{"acf_fc_layout":"content","content":"

 <\/p>\n

We’re just getting started<\/h1>\n

The ideas laid out in this post are only scratching the surface of what’s possible. There are plenty more options and approaches to try, both within ArcGIS StoryMaps as well as on the Map Viewer side.<\/p>\n

You could play around with scale dependency, making it so images only show up when you drill down to the largest scales, e.g., a photo of a particular storefront appears upon zooming into the street level on the map (credit to Map Viewer Product Engineer Mark Harrower for this idea).<\/p>\n

You could experiment with other Map Viewer tools like sketch layers<\/a> or bloom effects<\/a> to call attention to certain parts of the image before you even pull it into the story. (Check out this blog post<\/a> for one such workflow.)<\/p>\n

The best thing about this wonderful storytelling community is that if we haven\u2019t thought of it or tried it, you certainly have, or will! Please keep us in the loop as you come up with clever ways to combine media layers with ArcGIS StoryMaps. Give us a shout on Twitter @ArcGISStoryMaps<\/a> and show off what you\u2019ve been working on. We can\u2019t wait to see what creative stories you\u2019ll be able to tell!<\/p>\n

_____________________<\/p>\n

Blueprint schematic photo by Anastasiya Bleskina<\/a>, \u00a9 Adobe Stock, all rights reserved.<\/em><\/p>\n"}],"authors":[{"ID":32401,"user_firstname":"William","user_lastname":"Hackney","nickname":"William Hackney","user_nicename":"whackney","display_name":"William Hackney","user_email":"whackney@esri.com","user_url":"","user_registered":"2020-05-05 16:14:31","user_description":"Will (he\/him) is a Senior Content Specialist on the StoryMaps editorial team. A yinzer born and bred, he is an aficionado of two-lane road trips, Minor League Baseball, malt-forward beer, or any combination thereof.","user_avatar":""}],"related_articles":[{"ID":1840812,"post_author":"6331","post_date":"2023-02-22 22:30:32","post_date_gmt":"2023-02-23 06:30:32","post_content":"","post_title":"Announcing Media Layers for adding images to web maps","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"announcing-media-layers","to_ping":"","pinged":"","post_modified":"2023-02-22 22:33:30","post_modified_gmt":"2023-02-23 06:33:30","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1840812","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"15","filter":"raw"},{"ID":1877122,"post_author":"320122","post_date":"2023-11-06 04:00:04","post_date_gmt":"2023-11-06 12:00:04","post_content":"","post_title":"Apply Cartographic Effects to Blend Media Layers into Maps","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"how-to-style-a-media-layer-using-effects-and-blend-modes","to_ping":"","pinged":"","post_modified":"2024-10-21 15:51:51","post_modified_gmt":"2024-10-21 22:51:51","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1877122","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"},{"ID":708532,"post_author":"6331","post_date":"2020-01-23 11:00:34","post_date_gmt":"2020-01-23 19:00:34","post_content":"","post_title":"What is an express map and why should you use one?","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"what-is-an-express-map-and-why-should-you-use-one","to_ping":"","pinged":"","post_modified":"2024-08-28 11:58:45","post_modified_gmt":"2024-08-28 18:58:45","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=708532","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/cover-card.jpg","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/cover-banner.jpg"},"yoast_head":"\nMap-based images & ArcGIS StoryMaps: a treasure trove of possibilities<\/title>\n<meta name=\"description\" content=\"Learn how to use Map Viewer's media layers to create the experience of image tours, image choreography, and more in ArcGIS StoryMaps.\" \/>\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\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities\" \/>\n<meta property=\"og:description\" content=\"Learn how to use Map Viewer's media layers to create the experience of image tours, image choreography, and more in ArcGIS StoryMaps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-14T01:16:46+00:00\" \/>\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=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\"},\"author\":{\"name\":\"William Hackney\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/78a54b3ae66f0002134a991fc23ff301\"},\"headline\":\"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities\",\"datePublished\":\"2024-08-14T21:00:48+00:00\",\"dateModified\":\"2024-11-14T01:16:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\"},\"wordCount\":9,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"ArcGIS StoryMaps\",\"Map Viewer\",\"Media Layer\",\"storytelling\"],\"articleSection\":[\"Constituent Engagement\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\",\"name\":\"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2024-08-14T21:00:48+00:00\",\"dateModified\":\"2024-11-14T01:16:46+00:00\",\"description\":\"Learn how to use Map Viewer's media layers to create the experience of image tours, image choreography, and more in ArcGIS StoryMaps.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/78a54b3ae66f0002134a991fc23ff301\",\"name\":\"William Hackney\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/06\/lirr-213x200.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/06\/lirr-213x200.jpg\",\"caption\":\"William Hackney\"},\"description\":\"Will (he\/him) is a Senior Content Specialist on the StoryMaps editorial team. A yinzer born and bred, he is an aficionado of two-lane road trips, Minor League Baseball, malt-forward beer, or any combination thereof.\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/whackney\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities","description":"Learn how to use Map Viewer's media layers to create the experience of image tours, image choreography, and more in ArcGIS StoryMaps.","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\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps","og_locale":"en_US","og_type":"article","og_title":"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities","og_description":"Learn how to use Map Viewer's media layers to create the experience of image tours, image choreography, and more in ArcGIS StoryMaps.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-11-14T01:16:46+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps"},"author":{"name":"William Hackney","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/78a54b3ae66f0002134a991fc23ff301"},"headline":"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities","datePublished":"2024-08-14T21:00:48+00:00","dateModified":"2024-11-14T01:16:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps"},"wordCount":9,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["ArcGIS StoryMaps","Map Viewer","Media Layer","storytelling"],"articleSection":["Constituent Engagement"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps","name":"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2024-08-14T21:00:48+00:00","dateModified":"2024-11-14T01:16:46+00:00","description":"Learn how to use Map Viewer's media layers to create the experience of image tours, image choreography, and more in ArcGIS StoryMaps.","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/constituent-engagement\/media-layers-in-arcgis-storymaps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Map-based images & ArcGIS StoryMaps: a treasure trove of possibilities"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/78a54b3ae66f0002134a991fc23ff301","name":"William Hackney","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/06\/lirr-213x200.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/06\/lirr-213x200.jpg","caption":"William Hackney"},"description":"Will (he\/him) is a Senior Content Specialist on the StoryMaps editorial team. A yinzer born and bred, he is an aficionado of two-lane road trips, Minor League Baseball, malt-forward beer, or any combination thereof.","url":"https:\/\/www.esri.com\/arcgis-blog\/author\/whackney"}]}},"text_date":"August 14, 2024","author_name":"William Hackney","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/whackney","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/cover-banner.jpg","primary_product":"ArcGIS StoryMaps","tag_data":[{"term_id":398132,"name":"ArcGIS StoryMaps","slug":"arcgis-storymaps","term_group":0,"term_taxonomy_id":398132,"taxonomy":"post_tag","description":"","parent":0,"count":183,"filter":"raw"},{"term_id":33371,"name":"Map Viewer","slug":"map-viewer","term_group":0,"term_taxonomy_id":33371,"taxonomy":"post_tag","description":"","parent":0,"count":155,"filter":"raw"},{"term_id":769492,"name":"Media Layer","slug":"media-layer","term_group":0,"term_taxonomy_id":769492,"taxonomy":"post_tag","description":"","parent":0,"count":4,"filter":"raw"},{"term_id":27881,"name":"storytelling","slug":"storytelling","term_group":0,"term_taxonomy_id":27881,"taxonomy":"post_tag","description":"","parent":0,"count":120,"filter":"raw"}],"category_data":[{"term_id":37131,"name":"Constituent Engagement","slug":"constituent-engagement","term_group":0,"term_taxonomy_id":37131,"taxonomy":"category","description":"","parent":0,"count":391,"filter":"raw"}],"product_data":[{"term_id":36551,"name":"ArcGIS Online","slug":"arcgis-online","term_group":0,"term_taxonomy_id":36551,"taxonomy":"product","description":"","parent":0,"count":2427,"filter":"raw"},{"term_id":36611,"name":"ArcGIS StoryMaps","slug":"story-maps","term_group":0,"term_taxonomy_id":36611,"taxonomy":"product","description":"","parent":36981,"count":571,"filter":"raw"},{"term_id":380802,"name":"ArcGIS StoryMaps","slug":"arcgis-storymaps","term_group":0,"term_taxonomy_id":380802,"taxonomy":"product","description":"","parent":0,"count":322,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=story-maps","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1890772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/32401"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=1890772"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1890772\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=1890772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=1890772"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=1890772"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=1890772"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=1890772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}