{"id":82491,"date":"2018-09-11T20:00:51","date_gmt":"2018-09-12T03:00:51","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/using-the-map-viewer-in-your-story-map\/"},"modified":"2024-04-08T18:15:37","modified_gmt":"2024-04-09T01:15:37","slug":"using-the-map-viewer-in-your-story-map","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/using-the-map-viewer-in-your-story-map","title":{"rendered":"Using Map Viewer in your Story Map"},"author":7641,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[28701,33371,26891,24871],"industry":[],"product":[36571,36551,36611],"class_list":["post-82491","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-arcgis-online-tutorial","tag-map-viewer","tag-presentations","tag-story-map-tutorial","product-arcgis-enterprise","product-arcgis-online","product-story-maps"],"acf":{"short_description":"If you need more map functionality, you can embed the Map Viewer in your Story Map. Here's how.","flexible_content":[{"acf_fc_layout":"content","content":"

Note<\/strong>: This blog article covers the classic Esri Story Maps which are in mature support and scheduled to be retired in late 2025<\/strong>. Story authors are strongly encouraged to use the new ArcGIS StoryMaps<\/a> to create stories.<\/p>\n

For more information about transitioning to the new StoryMaps, see ArcGIS StoryMaps resources<\/a>. For more information about the transition from classic Esri Story Maps to the new ArcGIS StoryMaps, see Esri Story Maps: Now in mature support<\/a>.<\/p>\n

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

Map Viewer<\/a>\u00a0is the primary map authoring app in your ArcGIS portal. It’s best for assembling and configuring maps, exploring data, and performing analysis. Because of these strengths, it’s not the ideal choice when you want to display a map in a story map, especially when intended for public users.<\/p>\n

But there may be good reasons to use the Map Viewer in your story, for example\u00a0if you are preparing a briefing using a Story Map, and want to display and explore maps using all of\u00a0the capabilities of the Map Viewer. Here’s how to add the Map Viewer to your Story Map.<\/p>\n

 <\/p>\n

First, get a link to your map<\/h2>\n

Author, then save your map. Click\u00a0Share to make it public, then copy the share link:<\/p>\n

\"\"<\/p>\n

Alternatively, you can copy the URL at the top of the browser.<\/p>\n

Tip:<\/strong> Make sure your web map is not using Esri subscription layers or other layers\u00a0that would not be available to public viewers of your story map. If it does use subscription layers, then the alternative is to proxy for those layers in an app, and use the app instead of the Map Viewer. See Using Living Atlas subscriber content in public maps and apps<\/a>.<\/p>\n

Follow the steps below to add a web map to your story map.<\/p>\n

 <\/p>\n

Story Map Series<\/h2>\n

Because you can omit overlapping text or side panels in a Story Map Series tabbed or bulleted layout, those are the best\u00a0layout options\u00a0when needing to add the Map Viewer.<\/p>\n

Step 1<\/strong> – Using the Story Map Series builder, add a new bullet, tab, or entry and choose Web page.<\/p>\n

Step 2<\/strong> – Paste the URL\u00a0for your map\u00a0into the Web page\u00a0link input.<\/p>\n

Step\u00a03<\/strong> – Click Configure.<\/p>\n

\"\"<\/p>\n

Step 4<\/strong> – Choose\u00a0Fill from the Position options (the default).<\/p>\n

\"\"<\/p>\n

Step 5<\/strong> – Click Add.<\/p>\n

Step 6<\/strong> – Finish authoring your Story Map Series, and save.<\/p>\n

Tip:<\/strong> Shown below is the use of the Map Viewer in a Story Map Series (bulleted layout) for briefing purposes. The bulleted or tabbed layouts are best when using the Map Viewer within a Story Map Series.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

Story Map Journal<\/h2>\n

Because of the side panel in each section, Map Journal is not\u00a0an ideal choice\u00a0when you need to add\u00a0the Map Viewer. In the Layout options tab in Settings, try placing the side panel on the right, and reducing its size. Avoid using the Floating Panel layout.<\/p>\n

\"\"<\/p>\n

Step 1<\/strong> – Using the Story Map Journal builder, add a new Section.<\/p>\n

Step 2<\/strong> – Paste the URL for your map in the Web page link input.<\/p>\n

Step\u00a03<\/strong> – Click Configure.<\/p>\n

\"\"<\/p>\n

Step 4<\/strong> – Choose\u00a0Fill from the Position options (the default).<\/p>\n

\"\"<\/p>\n

Step 5<\/strong> – Click Next, and complete the side panel content.<\/p>\n

Step 6<\/strong> – Finish authoring your Story Map Journal, and save.<\/p>\n

Tip:<\/strong> Because of the side panel in each section, Map Journal is not\u00a0an ideal choice\u00a0when you need to add\u00a0the Map Viewer. In the Layout options tab in Settings, try placing the side panel on the right, and reducing its size. Avoid using the Floating Panel layout.<\/p>\n

 <\/p>\n

Story Map Cascade<\/h2>\n

In a Cascade, the Map Viewer works best in an Immersive section.<\/p>\n

Step 1<\/strong> – Add an Immersive section.<\/p>\n

\"\"<\/p>\n

Step 2<\/strong> – Click Add media in the Immersive section.<\/p>\n

\"\"<\/p>\n

Step 3<\/strong> – Click Link to Content.<\/p>\n

Step 4<\/strong> – Paste the URL for you map into the Link to content on the web input.<\/p>\n

Step 5<\/strong> – Click the checkmark to verify the link, and add the Map Viewer.<\/p>\n

\"\"<\/a><\/p>\n

Step 6<\/strong> – Complete authoring your Story Map Cascade, and save.<\/p>\n

 <\/p>\n

Summary and more information<\/h2>\n

When you need to add a map to a story map, there are\u00a0 other alternatives; you can add teh map directly via the builder, or can add an app. In the majority of cases, using the Map Viewer will not be the best choice. But when you need additional capabilities that the Map Viewer offers (such when using story maps to deliver presentations and briefings), then it’s easy to do, and effective.<\/p>\n

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