Overview

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

Maps are powerful because they tell stories through data visualization. In web mapping, a developer has to make decisions about what styles, symbology and visualizations to use to maximize impact and best convey the desired narrative. Since apps can consume web maps, you can use the ArcGIS Online Map Viewer to quickly edit layer styles on the fly and create new visualizations without rewriting apps or code. The Map Viewer provides styling suggestions (Smart Mapping) when you load an unstyled layer, and then you can use the Change Style tool to make changes that are immediately reflected in the browser and stored in the web map itself.

In this lab, you'll use the Map Viewer to edit styles for the Trailheads, Trails and Parks and Open Space layers from the Los Angeles GeoHub.

Steps

Create a web map copy

  1. Go to ArcGIS Online and sign in.

  2. Navigate to the LA Parks and Trails Map (unstyled) web map.

  3. Click Save > Save As to save your own copy of the map.

Change the basemap

  1. In the top bar, click + Add > Search for layers:

    • Find: World Topographic Vector
    • In: ArcGIS Online

    Click GO.

  2. Click World Topographic Map > Use as basemap > DONE ADDING LAYERS to select the layer.

Style the layers

  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
  2. 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
  3. Click Trails - Trails 0 > More Options ... > Rename and change the name to: Trails > OK.

  4. 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
  5. Click Boundary > More Options... > Remove Popup.

  6. Click Legend to see the styled layers.

  7. Save your map.

Congratulations, you're done!

Your styled web map should look something like this.

Challenge

Learn more about layer stylings and style workflows

Visit ArcGIS Online to learn more about styling layers and how to use Arcade to write scripts to automate styling workflows.