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
Theme
set theStyle
>Orange
. -
In
Theme
try a differentLayout
. -
In
Map
zoom in and selectUse Current Map View
. -
Click
Widget
- Configure the
Search
widget. Add Search Source
>Feature Layer
: Neighborhoods- Name: Neighborhoods
- Search Fields: Name
- Display Field: Name
Click Ok
.
-
Click
Attribute
and change the subtitle toDemographics of Neighbourhoods
. -
Click
Save
. -
Click
Previews
to view the application at different screen sizes. -
Click
Launch
to 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.