Create a web app

Learn how to use ArcGIS Experience Builder to load and display your web map.

Santa Monica trails web app created with ArcGIS Experience Builder.

ArcGIS Experience Builder provides a user-friendly interface and predefined templates and widgets you can use to create web applications.

In this tutorial, you use Experience Builder to create a new experience to display a web map.

Prerequisites

Steps

For this tutorial, you will use the publicly available LA Parks and Trails Map (styled) web map.

Copy a web map

Using the LA Parks and Trails Map (styled) web map, click on Open in Map Viewer.
Sign into your organization and click Save and open > Save as to save the web map to your organization.

You now have a copy of the LA Parks and Trails Map (styled) web map.

Create a web app

Go to the item details for the LA Parks and Trails Map (styled) in your organization and click Create Web App > Experience Builder.

Note
You will be navigated to the Experience Builder site which allows you to create a web app from a selection of pre-configured templates.
In the Experience Builder template selection page, click on the Blank fullscreen template. Your web map will be loaded in a "Map" widget in builder mode of Experience Builder.
Click on the Map widget until a small pop-up menu appears on the top left of the widget.
In the menu, click Align > Full size to fully expand the "Map" widget.

Enable capabilities

The Map widget allows you to enable Search, Zoom, and other capabilities to improve the user experience of your web app.

Click on the Map widget to view the available properties.
In the right-panel, under the Tools section, enable Zoom, Home, Navigation, Compass, Search, Layers, and Basemap.
Click the Save icon and Publish on the top panel.

You successfully loaded a web map into an Experience Builder web app. Your app should now look like this. You can continue to customize your web app by adding more content, such as text, images, and widgets.