{"id":592082,"date":"2023-05-15T09:23:44","date_gmt":"2023-05-15T16:23:44","guid":{"rendered":"https:\/\/www.esri.com\/about\/newsroom\/?post_type=arcwatch&p=592082"},"modified":"2023-05-15T09:23:44","modified_gmt":"2023-05-15T16:23:44","slug":"swipe-away-with-arcgis-instant-apps","status":"publish","type":"arcwatch","link":"https:\/\/www.esri.com\/about\/newsroom\/arcwatch\/swipe-away-with-arcgis-instant-apps","title":{"rendered":"Swipe Away with ArcGIS Instant Apps"},"content":{"rendered":"","protected":false},"author":8132,"featured_media":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false,"sync_status":"","episode_type":"","audio_file":"","castos_file_data":"","podmotor_file_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":"","_links_to":"","_links_to_target":""},"categories":[479282],"tags":[475192,163382,485302,328702],"arcwatch_issues":[484822],"class_list":["post-592082","arcwatch","type-arcwatch","status-publish","format-standard","hentry","category-arcgis-instant-apps","tag-arcgis-instant-apps","tag-arcgis-online","tag-media-maps","tag-swipe-tool","arcwatch_issues-may-2023","arcwatch_sections-the-tip"],"acf":{"short_description":"Media Map is one of the ArcGIS Instant Apps templates that supports Swipe. Here's how to configure it.","pdf":{"host_remotely":false,"file":"","file_url":""},"flexible_content":[{"acf_fc_layout":"content","content":"ArcGIS Instant Apps<\/a>\u00a0is a collection of app templates that you can configure easily, no coding required. Featuring both an express and full setup mode, these templates help you publish apps quickly to support a variety of workflows and users, as long as you have an ArcGIS Online account. Instant apps are the fastest and easiest way to go from a map to a shareable app.\r\n\r\nIn this tip, you will create a simple application that features a swipe tool using Media Map, one of the ArcGIS Instant Apps templates.\r\n\r\nMedia Map is intended for anyone that wants to display an interactive map with basic tools and map navigation. It\u2019s a compact and simple configurable app template, and these features also make it ideal for embedding in web pages or other apps. Media Map is one of the new configurable templates that offers express setup and full setup modes for easy app configuration. You can\u00a0view the completed app<\/a>\u00a0and follow along by using the\u00a0New York City Yesterday and Today<\/a>\u00a0web map.\r\n\r\nSwipe is a popular tool that lets viewers interact with map layers to see differences, or changes, or to do visual analysis. With the Swipe tool, you can grab the swipe handle and move it back and forth to view what\u2019s underneath a layer, or to compare one or more layers. Follow these steps to configure Media Map with the Swipe tool.\r\n\r\nConfigure a Media Map Item with Swipe<\/strong>\r\n\r\nStep 1:<\/strong> Open the\u00a0New York City Yesterday and Today<\/a>\u00a0map item, then sign in to your account."},{"acf_fc_layout":"image","image":592162,"image_position":"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.\r\n\r\nStep 2:<\/strong> Once signed in, click\u00a0Create Web App on the map item page."},{"acf_fc_layout":"image","image":592172,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Tip: You can also open the map in Map Viewer. In the Contents (dark) toolbar, click \u2026 More, then click\u00a0Create app."},{"acf_fc_layout":"image","image":592182,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Step 3:<\/strong> Choose\u00a0Instant Apps."},{"acf_fc_layout":"image","image":592192,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Step 4:<\/strong> Scroll down to locate Media Map and click\u00a0Choose. You can also click\u00a0Preview\u00a0to see what your map looks like in the app\u2019s default configuration."},{"acf_fc_layout":"image","image":592202,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Step 5:<\/strong> Enter an app title. Optionally, you can add tags and specify a folder location. When finished, click\u00a0Create app."},{"acf_fc_layout":"image","image":592212,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Step 6:<\/strong> Note that Media Map opens in express mode, offering steps that provide the minimum set of essential choices that you need to configure and publish a well-functioning app. You can configure the app to exclude the default legend tool and add a bookmark tool because, while the map does not have a legend, it does have bookmarks."},{"acf_fc_layout":"image","image":592222,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"In step 1 of express mode, you can edit the map description. Since you do not need to do so here, click Next.\r\n\r\nIn step 2 of express mode, toggle the Legend tool so it\u2019s off. Click Next.\r\n\r\nIn step 3 of express mode, toggle the Bookmarks tool so it\u2019s on."},{"acf_fc_layout":"image","image":592232,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Step 7:<\/strong> To enable the Swipe tool, click\u00a0Search settings\u00a0in the configuration panel and enter \u201cswipe,\u201d then choose\u00a0Swipe tool."},{"acf_fc_layout":"image","image":592112,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Step 8:<\/strong> The Swipe tool is only available in full setup mode. Click\u00a0Continue\u00a0to acknowledge that you want to turn off express mode and enter full setup mode.\r\n\r\nFor more information, see\u00a0Express and full setup modes<\/a>."},{"acf_fc_layout":"image","image":592152,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Step 9:<\/strong> In the\u00a0Interactivity\u00a0panel, toggle the\u00a0Swipe tool\u00a0on, then select New York City 1836 as the leading layer, as shown below. This will enable you to swipe back and forth between the historical layer and the Streets (Night) basemap. Toggle off Layer effects."},{"acf_fc_layout":"image","image":592122,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Step 10:<\/strong> Click\u00a0Publish\u00a0when finished.\u00a0Confirm\u00a0when prompted,\u00a0adjust the sharing level as desired, then click\u00a0Launch\u00a0to view the configured Media Map item. Note the Bookmarks tool in the upper right of the app."},{"acf_fc_layout":"image","image":592132,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"Now you have created a new instant app item! As a best practice, add a summary and a description, and make other optional changes as desired. You can go back and configure the item at any time by going to the item overview page and clicking\u00a0Configure."},{"acf_fc_layout":"image","image":592142,"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"More Information<\/strong>\r\n\r\nFor more information, see:\r\n