Add an Esri Map to Your Page

This article will show you how to display an Esri map to your page using the Esri Widget! The Esri Widget is page-responsive, meaning it will adjust with your page and with the screen type (desktop, mobile, tablet, and so on).

New UI Instructions

1. Sign in to your website solution
2. Ensure that you are using the New UI (click the Try New UI button if you are not) and navigate to your desired page:
   
3. Click the Widgets tab on the Administrative User toolbar:
   
4. Drag and drop the Esri widget onto your page:
   
5. In the Widget Options, customize the width and height of your widget, as needed, and click Next:
   
6. In the Esri Options, enter your Esri Map ID:
   
7. If desired, you may check boxes to Include Esri Searchbar and/or to Include Esri Legend:
   
8. Click the Done button:
   
9. View your map on the page:
   
10. Click the Save Changes button to save the page:
    

Go to Article Navigation

Old UI Instructions

1. Sign in to your website solution
2. Ensure that the Live Edit state is toggled to ON and navigate to your page:
   
3. Click the View all widgets button in the Content tab:
   
4. Drag and drop the Esri widget to your page:
   
5. Complete the fields and checkboxes of the Widget Options:
   
   • Esri Map ID: Add your Esri Map ID to configure the type of map you want to display
     
     Note: If you need your Esri Map ID, contact your city's GIS (Geographic Information System) department and request your ArcGIS information.
   • Include Search: Click to include a search bar with your map
   • Include Legend: Click to include an Esri legend for an explanation of colors, terrains, and so on to your map
   • Width and 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 the Save button:
   

Go to Article Navigation

Additional Resources

• Esri Homepage

Go to Article Navigation