{"id":1061191,"date":"2024-03-12T13:31:34","date_gmt":"2024-03-12T20:31:34","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1061191"},"modified":"2024-03-12T13:32:50","modified_gmt":"2024-03-12T20:32:50","slug":"media-map-swipe","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe","title":{"rendered":"Use swipe in Media Map"},"author":7641,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[759832,759882,673901],"industry":[],"product":[36821,36551],"class_list":["post-1061191","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-arcgis-instant-apps","tag-media-map","tag-swipe","product-configurable-apps","product-arcgis-online"],"acf":{"short_description":"Media Map is one of the configurable apps that supports swipe. Here's how to configure it.","flexible_content":[{"acf_fc_layout":"content","content":"

This blog article was originally published on November 19, 2020, and has been updated. The last previous update was April 10, 2023.<\/em><\/p>\n

ArcGIS Instant Apps<\/a> are template applications that you can configure easily, no coding required. Featuring both an express and full setup mode, they help you publish apps quickly to support a variety of workflows and users. Instant Apps are the fastest and easiest way to go from a map to a shareable app.<\/p>\n"},{"acf_fc_layout":"content","content":"

 <\/p>\n

About this tutorial<\/h2>\n

In this tutorial, you will create a simple application that features a swipe tool using Media Map, one of the ArcGIS Instant Apps. You can view the completed Media Map app<\/a> and follow along by using the New York City Yesterday and Today<\/a> web map.<\/p>\n

About Media Map<\/h2>\n

Media Map<\/a> is intended for anyone that wants to display an interactive map with basic tools and map navigation. It’s a compact, simple, and useful configurable app choice, and these features also make it ideal for embedding in web pages or other apps.<\/p>\n

Swipe is a popular tool that lets viewers interact with map layers to see differences, or changes, or to do visual analysis. Grab the swipe handle and move it back and forth to view what’s underneath a layer, or to compare one or more layers. Media Map’s swipe tool is available in full setup mode, and can be configured to swipe horizontally or vertically.<\/p>\n"},{"acf_fc_layout":"content","content":"

 <\/p>\n

Configure a Media Map app with swipe<\/h2>\n

A map is the centerpiece of any app. Best practices are important for the complete app experience. Apply basic map craft such as configuring effective pop-ups, using scale dependencies, and more for best results. For details, see Web maps<\/a>.<\/p>\n

For this example we are using a simple map with a single layer with bookmarks. Follow these steps to configure Media Map with a swipe tool.<\/p>\n

Step 1<\/strong> \u2013 Open the New York City Yesterday and Today<\/a> map item and sign in to your account.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1201082,"id":1201082,"title":"item-sign-in","filename":"item-sign-in.png","filesize":6797,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/item-sign-in.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/item-sign-in","alt":"Sign In","author":"7641","description":"","caption":"","name":"item-sign-in","status":"inherit","uploaded_to":1061191,"date":"2021-04-15 23:38:46","modified":"2021-04-15 23:39:00","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":290,"height":122,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/item-sign-in-213x122.png","thumbnail-width":213,"thumbnail-height":122,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/item-sign-in.png","medium-width":290,"medium-height":122,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/item-sign-in.png","medium_large-width":290,"medium_large-height":122,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/item-sign-in.png","large-width":290,"large-height":122,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/item-sign-in.png","1536x1536-width":290,"1536x1536-height":122,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/item-sign-in.png","2048x2048-width":290,"2048x2048-height":122,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/item-sign-in.png","card_image-width":290,"card_image-height":122,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/item-sign-in.png","wide_image-width":290,"wide_image-height":122}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Open the map to view the historic New York City 1836 layer from the David Rumsey collection overlaying the Streets (Night) basemap. You can use this map, or save a copy of the map as your own and share it.<\/p>\n

Step 2<\/strong> \u2013 Once signed in, from the map item page click Create Web App<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1201092,"id":1201092,"title":"create-web-app","filename":"create-web-app.png","filesize":12353,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/create-web-app.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/create-web-app","alt":"Create Web App","author":"7641","description":"","caption":"","name":"create-web-app","status":"inherit","uploaded_to":1061191,"date":"2021-04-16 00:06:20","modified":"2021-04-16 00:06:32","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":359,"height":273,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/create-web-app-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/create-web-app.png","medium-width":343,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/create-web-app.png","medium_large-width":359,"medium_large-height":273,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/create-web-app.png","large-width":359,"large-height":273,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/create-web-app.png","1536x1536-width":359,"1536x1536-height":273,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/create-web-app.png","2048x2048-width":359,"2048x2048-height":273,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/create-web-app.png","card_image-width":359,"card_image-height":273,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/create-web-app.png","wide_image-width":359,"wide_image-height":273}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

You can also open the map in Map Viewer, then click Create app<\/strong> in the Contents (dark) toolbar.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1901522,"id":1901522,"title":"mm-5","filename":"mm-5.png","filesize":6417,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-5.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-5-2","alt":"Create app","author":"7641","description":"","caption":"","name":"mm-5-2","status":"inherit","uploaded_to":1061191,"date":"2023-04-10 23:15:59","modified":"2023-04-10 23:16:11","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":161,"height":206,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-5-161x200.png","thumbnail-width":161,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-5.png","medium-width":161,"medium-height":206,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-5.png","medium_large-width":161,"medium_large-height":206,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-5.png","large-width":161,"large-height":206,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-5.png","1536x1536-width":161,"1536x1536-height":206,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-5.png","2048x2048-width":161,"2048x2048-height":206,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-5.png","card_image-width":161,"card_image-height":206,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-5.png","wide_image-width":161,"wide_image-height":206}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 3<\/strong> \u2013 Choose Instant Apps<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1901292,"id":1901292,"title":"mm-1","filename":"mm-1.png","filesize":19318,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-1-2","alt":"Instant Apps","author":"7641","description":"","caption":"","name":"mm-1-2","status":"inherit","uploaded_to":1061191,"date":"2023-04-10 22:06:36","modified":"2023-04-10 22:06:46","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":434,"height":281,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-1.png","medium-width":403,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-1.png","medium_large-width":434,"medium_large-height":281,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-1.png","large-width":434,"large-height":281,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-1.png","1536x1536-width":434,"1536x1536-height":281,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-1.png","2048x2048-width":434,"2048x2048-height":281,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-1.png","card_image-width":434,"card_image-height":281,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-1.png","wide_image-width":434,"wide_image-height":281}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 4<\/strong> \u2013 Locate Media Map and click Choose<\/strong>. You can also click Preview<\/strong> to see what your map looks like in the app’s default configuration.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2282632,"id":2282632,"title":"mm-21","filename":"mm-21.png","filesize":41822,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-21.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-21-2","alt":"Choose Media Map","author":"7641","description":"","caption":"","name":"mm-21-2","status":"inherit","uploaded_to":1061191,"date":"2024-03-12 19:53:23","modified":"2024-03-12 19:53:34","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":346,"height":368,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-21-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-21.png","medium-width":245,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-21.png","medium_large-width":346,"medium_large-height":368,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-21.png","large-width":346,"large-height":368,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-21.png","1536x1536-width":346,"1536x1536-height":368,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-21.png","2048x2048-width":346,"2048x2048-height":368,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-21.png","card_image-width":346,"card_image-height":368,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-21.png","wide_image-width":346,"wide_image-height":368}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 5<\/strong> \u2013 Enter an app title, and optionally add tags and specify a folder location. Click Create app<\/strong> when finished.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1901362,"id":1901362,"title":"mm-3","filename":"mm-3.png","filesize":14351,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-3.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-3-2","alt":"Create app - Media Map","author":"7641","description":"","caption":"","name":"mm-3-2","status":"inherit","uploaded_to":1061191,"date":"2023-04-10 22:30:15","modified":"2023-04-10 22:30:28","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":763,"height":427,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-3-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-3.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-3.png","medium_large-width":763,"medium_large-height":427,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-3.png","large-width":763,"large-height":427,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-3.png","1536x1536-width":763,"1536x1536-height":427,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-3.png","2048x2048-width":763,"2048x2048-height":427,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-3.png","card_image-width":763,"card_image-height":427,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-3.png","wide_image-width":763,"wide_image-height":427}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 6<\/strong> \u2013 Media Map opens in express mode, offering the minimum set of essential choices that you need to consider to configure and publish a well-functioning app.<\/p>\n

Since the map does not have a legend but does have bookmarks, start by configuring the app to omit the default legend tool and add a bookmark tool.<\/p>\n

a<\/strong> \u2013 In express Step 2, toggle off the legend tool. Click Next to continue to Step 3.<\/p>\n

b <\/strong>\u2013 In express Step 3, toggle the bookmarks tool on.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1901492,"id":1901492,"title":"mm-4","filename":"mm-4.png","filesize":29740,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-4.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-4-2","alt":"Express configurations","author":"7641","description":"","caption":"","name":"mm-4-2","status":"inherit","uploaded_to":1061191,"date":"2023-04-10 23:11:43","modified":"2023-04-10 23:11:58","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":776,"height":411,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-4-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-4.png","medium-width":464,"medium-height":246,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-4.png","medium_large-width":768,"medium_large-height":407,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-4.png","large-width":776,"large-height":411,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-4.png","1536x1536-width":776,"1536x1536-height":411,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-4.png","2048x2048-width":776,"2048x2048-height":411,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-4.png","card_image-width":776,"card_image-height":411,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-4.png","wide_image-width":776,"wide_image-height":411}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 7<\/strong> \u2013 Enable the swipe tool.<\/p>\n

To find the swipe tool, click Search settings<\/strong> in the configuration panel and enter “swipe”, then choose Swipe tool<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1901542,"id":1901542,"title":"mm-6","filename":"mm-6.png","filesize":23235,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-6.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-6-2","alt":"Search settings","author":"7641","description":"","caption":"","name":"mm-6-2","status":"inherit","uploaded_to":1061191,"date":"2023-04-10 23:21:58","modified":"2023-04-10 23:22:19","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":541,"height":453,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-6-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-6.png","medium-width":312,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-6.png","medium_large-width":541,"medium_large-height":453,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-6.png","large-width":541,"large-height":453,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-6.png","1536x1536-width":541,"1536x1536-height":453,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-6.png","2048x2048-width":541,"2048x2048-height":453,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-6.png","card_image-width":541,"card_image-height":453,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-6.png","wide_image-width":541,"wide_image-height":453}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 8<\/strong> \u2013 The swipe tool is available in full setup mode. Click Continue<\/strong> to acknowledge that you want to turn off express mode and enter full setup.<\/p>\n

For more information, see Express and full setup modes<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1901572,"id":1901572,"title":"mm-7","filename":"mm-7.png","filesize":9605,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-7.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-7-2","alt":"Turn off express mode","author":"7641","description":"","caption":"","name":"mm-7-2","status":"inherit","uploaded_to":1061191,"date":"2023-04-10 23:26:47","modified":"2023-04-10 23:26:59","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":511,"height":196,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-7-213x196.png","thumbnail-width":213,"thumbnail-height":196,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-7.png","medium-width":464,"medium-height":178,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-7.png","medium_large-width":511,"medium_large-height":196,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-7.png","large-width":511,"large-height":196,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-7.png","1536x1536-width":511,"1536x1536-height":196,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-7.png","2048x2048-width":511,"2048x2048-height":196,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-7.png","card_image-width":511,"card_image-height":196,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-7.png","wide_image-width":511,"wide_image-height":196}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 9<\/strong> \u2013 In the Interactivity<\/b> panel, toggle the Swipe tool<\/strong> on and then select the leading and trailing layers as shown below. Layer effects should be toggled off.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1901602,"id":1901602,"title":"mm-8","filename":"mm-8.png","filesize":31034,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-8.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-8-2","alt":"Interactivity settings","author":"7641","description":"","caption":"","name":"mm-8-2","status":"inherit","uploaded_to":1061191,"date":"2023-04-10 23:33:34","modified":"2023-04-10 23:33: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":380,"height":785,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-8-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-8.png","medium-width":126,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-8.png","medium_large-width":380,"medium_large-height":785,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-8.png","large-width":380,"large-height":785,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-8.png","1536x1536-width":380,"1536x1536-height":785,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-8.png","2048x2048-width":380,"2048x2048-height":785,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-8-225x465.png","card_image-width":225,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-8.png","wide_image-width":380,"wide_image-height":785}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Step 10<\/strong> \u2013 Click Publish<\/strong> when finished. Confirm <\/strong>when prompted,<\/strong>\u00a0adjust the sharing level as desired, then click Launch<\/strong> to view the configured Media Map. Note the bookmarks tool in the upper right of the app.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2282652,"id":2282652,"title":"mm-22","filename":"mm-22.png","filesize":158656,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-22.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-22-2","alt":"Configured Media Map","author":"7641","description":"","caption":"View application","name":"mm-22-2","status":"inherit","uploaded_to":1061191,"date":"2024-03-12 20:07:58","modified":"2024-03-12 20:08:28","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":826,"height":398,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-22-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-22.png","medium-width":464,"medium-height":224,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-22.png","medium_large-width":768,"medium_large-height":370,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-22.png","large-width":826,"large-height":398,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-22.png","1536x1536-width":826,"1536x1536-height":398,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-22.png","2048x2048-width":826,"2048x2048-height":398,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-22.png","card_image-width":826,"card_image-height":398,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/04\/mm-22.png","wide_image-width":826,"wide_image-height":398}},"image_position":"left-center","orientation":"horizontal","hyperlink":"https:\/\/www.arcgis.com\/apps\/instant\/media\/index.html?appid=5d35fea278724eb6ba0afaa9470820cf"},{"acf_fc_layout":"content","content":"

A new Instant App item has been created. As a best practice, add a summary, description, and make other optional changes as desired. You can go back and configure the application at any time by going to the item overview page and clicking Configure<\/strong>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1901622,"id":1901622,"title":"mm-10","filename":"mm-10.png","filesize":14556,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-10.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-10","alt":"Configure","author":"7641","description":"","caption":"","name":"mm-10","status":"inherit","uploaded_to":1061191,"date":"2023-04-10 23:47:16","modified":"2023-04-10 23:47:24","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":388,"height":238,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-10-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-10.png","medium-width":388,"medium-height":238,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-10.png","medium_large-width":388,"medium_large-height":238,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-10.png","large-width":388,"large-height":238,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-10.png","1536x1536-width":388,"1536x1536-height":238,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-10.png","2048x2048-width":388,"2048x2048-height":238,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-10.png","card_image-width":388,"card_image-height":238,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2021\/04\/mm-10.png","wide_image-width":388,"wide_image-height":238}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

 <\/p>\n

Doing more with swipe<\/h2>\n

There’s a lot more you can do using Media Map and swipe. The NOAA Sea Level Rise example<\/a> shown below uses three different swipe layers and includes a layer list to toggle layer visibility, an introduction panel, plus fullscreen, bookmarks, and home buttons. View the map<\/a> configured in the Media Map app.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1063421,"id":1063421,"title":"mm-25","filename":"mm-25.jpg","filesize":106095,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/mm-25.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/mapping\/media-map-swipe\/mm-25","alt":"Media Map swipe","author":"7641","description":"","caption":"View application","name":"mm-25","status":"inherit","uploaded_to":1061191,"date":"2020-11-18 23:52:46","modified":"2020-11-18 23:54:16","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":826,"height":454,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/mm-25-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/mm-25.jpg","medium-width":464,"medium-height":255,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/mm-25.jpg","medium_large-width":768,"medium_large-height":422,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/mm-25.jpg","large-width":826,"large-height":454,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/mm-25.jpg","1536x1536-width":826,"1536x1536-height":454,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/mm-25.jpg","2048x2048-width":826,"2048x2048-height":454,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/mm-25.jpg","card_image-width":826,"card_image-height":454,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/11\/mm-25.jpg","wide_image-width":826,"wide_image-height":454}},"image_position":"left-center","orientation":"horizontal","hyperlink":"https:\/\/www.arcgis.com\/apps\/instant\/media\/index.html?appid=a428f2b2d60146d8b3c01a356cb7e644"},{"acf_fc_layout":"content","content":"

 <\/p>\n

More information<\/h2>\n

For more information, see:<\/p>\n