Style feature layers

Overview

You will learn: how to use the Map Viewer to style layers and create meaningful visualizations.

The ArcGIS Online Map Viewer can be used to style web maps and create powerful visualizations for your applications. The Map Viewer allows you to easily change the basemap and style individual layers in the map. The viewer provides styling suggestions (smart mapping) when layers are loaded, but you can also change symbols, colors, and shapes interactively with styling tools. Layers can also be styled (classified) by attribute values with different symbols. Another type of styling is formatting a layer pop-up. Styling layers with the Map Viewer is the fastest way to update a mapping application without changing your code because all changes are stored in the web map and are immediately reflected in applications that use them. You can learn how to load a web map in your application in the Display a web map lab.

In this lab, you'll use the Map Viewer to style the Trailheads, Trails, and Parks and Open Space layers to create a more meaningful map.

Steps

Copy the web map

1. Go to the LA Parks and Trails Map (unstyled) web map in ArcGIS Online.

2. Click Sign In and Save > Save As to copy the map.

Change the basemap

1. In the top bar, click + Add > Browse Living Atlas Layers:

   • Search for Layers: World Topographic Vector (by Esri)

2. Click World Topographic Map > Use as basemap and close the windows.

Style a point layer

1. In Content, click TrailHeads > Change Style and select the following:
   • 1. Choose an attribute to show: Show location only
   • 2. Select a drawing style: Click Options > Symbols and change it to:
     • Shape
       • National Park Service > Hiker
       • Symbol Size > 14px
   • Click Ok > Done

Style a line layer

1. In Content, click Trails > Change Style and select the following:

   • 1. Choose an attribute to show: USE_BIKE
   • 2. Select a drawing style: Click Options and:
     • Double-click the Yes line symbol and change the following:
       • Color: #000 (black)
       • Line Width: 1.2
       • Pattern: Dotted Lines and click > OK
     • Double-click Yes label and change it to Bikes.
     • Double-click the No line symbol and change the following:
       • Color: #E60000 (red)
       • Line Width: 1.2
       • Pattern: Dotted Lines and click > OK
     • Double-click the No label and change it to No Bikes.
   • Click Ok > Done

2. Click Trails - Trails 0 > More Options ... > Rename and change the name to: Trails > OK.

Style a polygon layer

1. In Content, click Parks and Open Space > Change Style and select the following:

   • 1. Choose an attribute to show: Type
   • 2. Select a drawing style: Click Options and beside Count click the color bar.
     • Click Options.
     • Click the color bar with three horizontal colors beside COUNT.
     • Inverse the color ramp so purple is on top > OK.
     • Set the Transparency to 50%.
   • Click OK > DONE

   The default color ramps are a good starting point, but you can always click on the symbol to manually select the desired color and style. A nice color set for the parks data would be:

   • Local Park: Light Purple
   • Natural Areas: Light Green
   • Regional Open Space: Light Blue
   • Reginal Recreation Park: Light Red

Remove the popup

1. Click Boundary > More Options... > Remove Popup.

Explore the web map

1. Click Show Map Legend to see the styled layers.

2. Save your map.

Congratulations, you're done!

Your styled web map should look something like this.

Next labs

Configure pop-ups

Use the Map Viewer to style and format the content in pop-ups.

5 minutes Start Lab

Style with smart mapping

Use the Map Viewer to apply smart styles to feature layer data.

10 minutes Start Lab

Style a vector basemap

Use the ArcGIS Vector Style Editor to create basemaps with custom styles.

10 minutes Start Lab

Create a web scene

Use the Scene Viewer to create a 3D web scene for your apps.

10 minutes Start Lab

Challenge

Learn more about layer stylings and style workflows