{"id":66671,"date":"2015-03-11T11:50:42","date_gmt":"2015-03-11T11:50:42","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/products\/product\/uncategorized\/embedding-maps-in-story-map-journal\/"},"modified":"2024-04-09T13:34:21","modified_gmt":"2024-04-09T20:34:21","slug":"embedding-maps-in-story-map-journal","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal","title":{"rendered":"Embedding maps in Story Map Journal"},"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":[24881,24891,24861,24871],"industry":[],"product":[36551,36611],"class_list":["post-66671","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-embed","tag-embedding-maps","tag-story-map-journal","tag-story-map-tutorial","product-arcgis-online","product-story-maps"],"acf":{"short_description":"How to embed maps in Story Map Journal.","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":"

The\u00a0Story Map Journal<\/a>\u00a0is a very popular Story Map, letting you create a compelling map-based narrative presented as a set of journal entries. It’s ideal for creating multimedia stories that combine text, maps, images, and video. And it’s especially useful when you have lots of text, or a rich array of content that you want to include in your story. You’ll find many examples by\u00a0exploring the gallery<\/a>.<\/p>\n

Embedding a web map<\/strong><\/p>\n

The steps for adding web map to your Map Journal were detailed in a previous blog post<\/a>. Another option for adding a web map is to use the embed HTML when you share a map using Embed in Website.<\/p>\n

Using the embed HTML you can choose from a variety of tools and options, including navigation tools, scale bar, basemap gallery or toggle, theme, and more. See\u00a0New options for embedding maps<\/a>\u00a0for more details.<\/p>\n

To embed a web map in your Story Map Journal, follow these steps:<\/p>\n

1. Share your map.<\/p>\n

2. Click Embed in Website.<\/p>\n

\"\"<\/p>\n

3. In Map Options choose the options to display on the map.<\/p>\n

4. Ensure that View larger map is unchecked, since we do not want another map to open from the story map.<\/p>\n

5. Copy the HTML.<\/p>\n

6. Click Done.<\/p>\n

\"\"<\/p>\n

7. In the Story Map Journal Main Stage add a Web page.<\/p>\n

8. Paste the embed HTML copied from Step 5 into the Embed code.<\/p>\n

9. (Optional) change the width and height to 100%. Though height and width in pixels is ignored, this is a recommended practice.<\/p>\n

10. Click Configure.<\/p>\n

\"\"<\/p>\n

11. Choose Stretch as the position option. This will ensure the map fills the entire Main Stage.<\/p>\n

12. Click Save.<\/p>\n

\"\"<\/p>\n

Below is an example showing an embedded map configured with Home button, scale bar, and basemap toggle.<\/p>\n

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

Layout options and web maps<\/strong><\/p>\n

You can choose a Side Panel or Floating Panel layout in builder mode Settings.<\/p>\n

\"\"<\/p>\n

Both options can be used with embedded web maps.<\/p>\n

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

For more information<\/strong><\/p>\n

Adding maps to your Story Map Journal<\/a><\/p>\n

New options for embedding maps<\/a><\/p>\n

Embed a map<\/a><\/p>\n"}],"authors":[{"ID":7641,"user_firstname":"Bernie","user_lastname":"Szukalski","nickname":"Bern Szukalski","user_nicename":"bszukalski","display_name":"Bern Szukalski","user_email":"bszukalski@esri.com","user_url":"","user_registered":"2018-03-26 17:55:14","user_description":"I am a corporate technology evangelist and geo advocate at Esri, focusing on ways to broaden access to geographic information and helping customers succeed with ArcGIS. \r\n\r\nOn a good day I'm making a map, on a great day I'm on one. Email bszukalski@esri.com or connect on LinkedIn (https:\/\/www.linkedin.com\/in\/bernszukalski\/).","user_avatar":""}],"related_articles":"","card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/01\/story-mapc.jpg","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/01\/story-mapb.jpg"},"yoast_head":"\nEmbedding maps in Story Map Journal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embedding maps in Story Map Journal\" \/>\n<meta property=\"og:description\" content=\"How to embed maps in Story Map Journal.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal\" \/>\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-04-09T20:34:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.esri.com\/arcgis-blog\/wp-content\/uploads\/2018\/01\/story-mapc.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"826\" \/>\n\t<meta property=\"og:image:height\" content=\"465\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"4 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\/mapping\/embedding-maps-in-story-map-journal#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal\"},\"author\":{\"name\":\"Bern Szukalski\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717\"},\"headline\":\"Embedding maps in Story Map Journal\",\"datePublished\":\"2015-03-11T11:50:42+00:00\",\"dateModified\":\"2024-04-09T20:34:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal\"},\"wordCount\":6,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"embed\",\"embedding maps\",\"Story Map Journal\",\"Story Map Tutorial\"],\"articleSection\":[\"Mapping\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal\",\"name\":\"Embedding maps in Story Map Journal\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2015-03-11T11:50:42+00:00\",\"dateModified\":\"2024-04-09T20:34:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embedding maps in Story Map Journal\"}]},{\"@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\/fe7ff7aa0fcb52dff17af44a66422717\",\"name\":\"Bern Szukalski\",\"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\/2026\/02\/bern04-465x465.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png\",\"caption\":\"Bern Szukalski\"},\"description\":\"I am a corporate technology evangelist and geo advocate at Esri, focusing on ways to broaden access to geographic information and helping customers succeed with ArcGIS. On a good day I'm making a map, on a great day I'm on one. Email bszukalski@esri.com or connect on LinkedIn (https:\/\/www.linkedin.com\/in\/bernszukalski\/).\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/bernszukalski\/\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/bszukalski\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Embedding maps in Story Map Journal","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\/mapping\/embedding-maps-in-story-map-journal","og_locale":"en_US","og_type":"article","og_title":"Embedding maps in Story Map Journal","og_description":"How to embed maps in Story Map Journal.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-04-09T20:34:21+00:00","og_image":[{"width":826,"height":465,"url":"https:\/\/www.esri.com\/arcgis-blog\/wp-content\/uploads\/2018\/01\/story-mapc.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal"},"author":{"name":"Bern Szukalski","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/fe7ff7aa0fcb52dff17af44a66422717"},"headline":"Embedding maps in Story Map Journal","datePublished":"2015-03-11T11:50:42+00:00","dateModified":"2024-04-09T20:34:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal"},"wordCount":6,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["embed","embedding maps","Story Map Journal","Story Map Tutorial"],"articleSection":["Mapping"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal","name":"Embedding maps in Story Map Journal","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2015-03-11T11:50:42+00:00","dateModified":"2024-04-09T20:34:21+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/story-maps\/mapping\/embedding-maps-in-story-map-journal#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Embedding maps in Story Map Journal"}]},{"@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\/fe7ff7aa0fcb52dff17af44a66422717","name":"Bern Szukalski","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\/2026\/02\/bern04-465x465.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/02\/bern04-465x465.png","caption":"Bern Szukalski"},"description":"I am a corporate technology evangelist and geo advocate at Esri, focusing on ways to broaden access to geographic information and helping customers succeed with ArcGIS. On a good day I'm making a map, on a great day I'm on one. Email bszukalski@esri.com or connect on LinkedIn (https:\/\/www.linkedin.com\/in\/bernszukalski\/).","sameAs":["https:\/\/www.linkedin.com\/in\/bernszukalski\/"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/bszukalski"}]}},"text_date":"March 11, 2015","author_name":"Bern Szukalski","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/bszukalski","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/01\/story-mapb.jpg","primary_product":"ArcGIS StoryMaps","tag_data":[{"term_id":24881,"name":"embed","slug":"embed","term_group":0,"term_taxonomy_id":24881,"taxonomy":"post_tag","description":"","parent":0,"count":14,"filter":"raw"},{"term_id":24891,"name":"embedding maps","slug":"embedding-maps","term_group":0,"term_taxonomy_id":24891,"taxonomy":"post_tag","description":"","parent":0,"count":4,"filter":"raw"},{"term_id":24861,"name":"Story Map Journal","slug":"story-map-journal","term_group":0,"term_taxonomy_id":24861,"taxonomy":"post_tag","description":"","parent":0,"count":33,"filter":"raw"},{"term_id":24871,"name":"Story Map Tutorial","slug":"story-map-tutorial","term_group":0,"term_taxonomy_id":24871,"taxonomy":"post_tag","description":"","parent":0,"count":20,"filter":"raw"}],"category_data":[{"term_id":22941,"name":"Mapping","slug":"mapping","term_group":0,"term_taxonomy_id":22941,"taxonomy":"category","description":"","parent":0,"count":2683,"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":2419,"filter":"raw"},{"term_id":36611,"name":"ArcGIS StoryMaps","slug":"story-maps","term_group":0,"term_taxonomy_id":36611,"taxonomy":"product","description":"","parent":36981,"count":572,"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\/66671","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\/7641"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=66671"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/66671\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=66671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=66671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=66671"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=66671"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=66671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}