Skip to content

Latest commit

 

History

History
67 lines (51 loc) · 2.63 KB

lab.md

File metadata and controls

67 lines (51 loc) · 2.63 KB
Raw

Create a Configurable App

You can use any of the Configurable Apps to build differnt types of focused HTML, CSS, JS apps. All apps are developed on top of an existing web map and are shared out as a web application. By default, these apps are stored and hosted in ArcGIS Online, but you can also download all of the code locally and host and customize them yourself.

In this lab, you will build a simple Template app.

  1. Click this map to open the map in the Map Viewer. If you have your own map, you can try to use that too.

  2. Click Share > Create a Web App > Configurable Apps.

  3. Search for the Public Information template and select Create Web App.

  4. set the following properties:

Title: 2015 Portland Population Density
Tags: Portland, Map, Population, Density,Configurable App
Summary: Portland population map built with the Public Information Configurable App

Click Done to launch the configuration page.

  1. Change the following properties:
Choose Swipe Layer: Neighborhoods
Details: 
 Application Title: 2015 Portland Population Density
 Application Summary: 2015 Portland Population Density
Configuration Options:
 Uncheck Enable Basemap Toggle
Splash Screen: 
 Check Enable Dialog Modal
 Dialog Title: 2015 Portland Population Density Map
 Dialog Content: Welcome to Portland! Explore neighborhoods and where people live.
Twitter Options
 Check Enable Twitter Layer
 Search Keyword: train
Webcams.travel Options
 Check Enable Webcams Layer
NOTE: Disable other layers
Search Settings:
 Enable the Neighborhoods layer
 Edit the Neighborhoods layer
 Name: Neighborhoods
 Check Enable Suggestions
 Display Field: Name
 Search Fields: Name
 Click save

Click Save and View > Close.

  1. Click View Application to test-drive your app.

Your app should look something like this.

Bonus

  • Go back to the app and try to change and save some of the configuration settings.
  • View the JSON for the web app by using the REST API to access the item in your account. Try formatting the JSON with try this JSON Editor tool.
https://www.arcgis.com/sharing/rest/content/items/09ed800aca42450c89278c3c6a3815dc/data

NOTE: Replace the item ID above with yours.

  • Get the source code for the public information configurable app here.