ArcGIS Online web maps are easy to embed in websites and blogs. To embed your map follow these steps.
Step 1. Click Share
Step 2. Share the map publicly
Step 3. Choose Embed In Website
(Note that you can embed any publicly shared map by clicking Share, then choosing Embed In Website.)
Step 3. The HTML needed to embed the map is automatically generated. Enabling a View larger map link is one of the options you can choose. After you have chosen the desired options, copy and paste the HTML into your web page.
When chosen, the link appears in the bottom left of the embedded map and opens the map in a new full-screen browser or tab.
Using an app
An alternative is to edit the link so that it opens an app template that provides a map-focused experience, which might be a better option. An advantage of using an app is that you can present a legend, description, or other tools immediately when the link is opened. See Six apps to showcase your maps for potential alternatives.
To substitute an app, modify the link found in the automatically generated HTML to point to the app. For example, shown below is a portion of the default markup that adds a “View larger map” link to the Age and Growth in Phoenix web map.
<a style="color: #0000ff; text-align: left;" href="http://bwszukalski.maps.arcgis.com/apps/Embed/index.html ?webmap=00cc0091a5c3495fab41f96bc65041ad &extent=-112.7708,32.972,-111.4443,33.825 &zoom=true&scale=true&disable_scroll=true &theme=light" target="_blank">View larger map</a>
The modified markup below opens the same web map, but uses the Story Map Basic app instead of the default. All changes are made in the href attribute of the <a> tag—the default URL generated has been replaced by the URL to the app.
<a href="http://bwszukalski.maps.arcgis.com/apps/StoryMapBasic/index.html ?webmap=00cc0091a5c3495fab41f96bc65041ad" target="_blank">View larger map</a>
Here’s two examples of View Larger Map links for embedded maps. This example uses the default viewing configuration.
The second configuration substitutes one of the templates from the template gallery. The template is the Story Map Basic. Which is best for your audience?
For more information see Embedding web maps.
This post was originally published on January 26, 2013, and has been updated.