You can use the Web AppBuilder for ArcGIS to build an HTML, CSS, JS app that will run on any device. All apps are developed on top of an existing web map and are shared out as a web application.
In this lab, you will build a simple WAB app.
-
Click this map to open the map in the Map Viewer. If you have your own map, you can try to use that too.
-
Click
Share>Create a Web App>Web AppBuilder. -
Set the following properties:
Title: 2015 Portland Population Density
Tags: Portland, Map, Population, Density,Template App
Summary: Portland population map built with the Public Information Template
Click Get Started
-
Explore the different themes and pick
Foldable Theme. -
In
Themeset theStyle>Orange. -
In
Themetry a differentLayout. -
In
Mapzoom in and selectUse Current Map View. -
Click
Widget
- Configure the
Searchwidget. Add Search Source>Feature Layer: Neighborhoods- Name: Neighborhoods
- Search Fields: Name
- Display Field: Name
Click Ok.
-
Click
Attributeand change the subtitle toDemographics of Neighbourhoods. -
Click
Save. -
Click
Previewsto view the application at different screen sizes. -
Click
Launchto test the application.
Your app should look something like this.
- Scan the QR code to view the app on your mobile device.
- Try adding and configuring different themes and widgets.