Overview 

This article will show you how to add an Esri Widget to your page. This widget will help you display a map.

The Esri map is page responsive, meaning it will adjust with your page and with the screen type (desktop, mobile, tablet, etc). This is better than iFraming a map in because iFrames are not responsive.

Instructions

1. Navigate to your desired page
   
2. Ensure that Live Edit Is On
   
   
3. Click View all widgets in the Content tab
   
   
4. Drag and drop the Esri widget to your page
   
   
5. Fill in Content Options on the left-hand side
   
   
   • Esri Map Id: Add your ID to configure the type of map you want to display
     • Note: If you need your ID, obtain your arcGIS from your city GIS department. 
   • Include Search: Click to include a search bar with your map
   • Include Legend: Click to include a Esri legend (eg: explanation of colors, terrains, etc)
   • Width & Height: Configure container measurements
     • Note: Width and height are only for the container, not the page. So for example, if you set the Width at 50%, the Esri map will occupy 50% of the container, not the page. 
6. View your map
   
7. Click Save at the top of the page
   

Resources

• Esri Homepage