ArcGIS Online

Creative Commons License
Building an ArcGIS Online Web Application by Katherine Walden, Digital Liberal Arts Specialist (Grinnell College) is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.


Logging in to ArcGIS Online

Capture

1-Open Firefox, Chrome, or Safari and navigate to https://www.arcgis.com/index.html in the web browser.

2-Click the blue Sign In button in the middle of the page.

3-Create a free account and sign in.

Capture_1

Capture_2

4-Once logged in, click on Content in the menu on the top-left of the page.


Creating a New Map

Capture_4

5-Once in Content, click on Create-Map to start building an interactive online map.

Capture_5

6-Add a title, tags, and summary, and click the blue OK icon.

Capture_6

7-You are now in ArcGIS Online’s map builder interface.


Adding Data to Your Map

8-Navigate to https://sarahjpurcell.sites.grinnell.edu/digital_methods/files/1871_PostmasterSalary_Data.csv in a web browser and download the file. Open the file, and save it as a CSV (comma separated value) file.

Guide for saving an Excel file as a CSV.

Capture_7

9-Click on the Add icon in the top-left corner of the page, and select Add Layer from File.

10-Click the Browse icon and select the CSV file saved to your Desktop.

Capture_8

11-Click the blue Import Layer icon to add the data to your map.

Capture_9

12-Click the blue Done icon to finish adding data to your map.

Capture_11

13-Click the Save icon above the map to save your map.

Note: This rest of this tutorial is written using a sample data set. Your data, map, and map layers will look different than the images included in the tutorial.


Customizing Your Map

The default setting for ArcGIS Online is to display the locations in your data without any styling or customization. Hover your cursor over the data layer to see additional customization options. You can use multiple layers to display or highlight different aspects of the data on the map.

Capture_10

Basemap

You can change the background map by click a different option in the Basemap dropdown.

Capture_13

Legend

If you want to style points by location, emotion, or another attribute, click on the Change Style icon. Choose an element from your data, and explore the drawing style options.

Capture_16

Capture_15

Point symbol, color, and size

Click on the Change Style icon, and click the blue Options icon.

Capture_17

Heatmaps and clustering

You can create a Heat Map in the Change Style window.

You can also cluster points using the Cluster Points option in the main map editing window.

Capture_12

Capture_19

Configuring Popups

Hover your cursor over the data layer and click the three dots that appear.

Click on the Configure Pop-up option to select what data fields display in the pop-up window that appears when you click on a map point. You can also reorder these elements.

Other options

Hover your cursor over the data layer and click the three dots that appear to see additional options for customizing transparency, copying a layer, or naming a layer.


14-Work as a group to explore display options for your data. One layer does not have to communicate all relevant aspects of the data.

Capture_12

15-Once you have a layer customized, you can copy that layer to continue exploring other display options without losing the customized layer.

16-Rename layers using descriptive titles to keep them organized.

Capture_11

17-Save the Web Map regularly to avoid losing any changes.


Creating an ArcGIS Online Web Application

Capture_20

18-Click on the ArcGIS icon in the top left corner, and return to the Content page.

Capture_3

19-The map you created will now appear as a content item.

20-Click on the Web Map item.

Capture_22

Capture_23

21-Click on Create Web App—Using a Template

Capture_24

Capture_25

22-Click on Build a Story Map, and select Story Map Series.

23-Click the blue Create Web App icon to start customizing your web application.

Capture_26

24-ArcGIS will automatically use the title, tags, and summary from your Web Map. You can change any of these fields if needed, then click Done.


Large Group Shareouts

Share the interactive map your group created.

  • What aspects of the data are highlighted?
  • What does your interactive map communicate about the data?
  • What could a user learn from your interactive map?
  • Other ideas for how you might want to design or continue building the interactive map?

Design Brainstorm & Next Steps

Even though we are using an ArcGIS Online template, you still have a range of options for building and customizing your interactive map.

Based on the map layers you created in ArcGIS Online, what aspects of the data do you want to highlight?

What do different map layers communicate about the data?

What do you think is important to communicate about the data?

Explore the gallery of web applications built using this template to imagine possible design and content choices. Are there other templates you might be interested in exploring?