HOW TO

Symbolize point features by color and shape using two fields in ArcGIS Online Map Viewer

Last Published: January 9, 2025

Summary

In ArcGIS Online Map Viewer, symbols can be configured for point features based on two fields, with one field defining its color and the other defining its shape. This allows for the simultaneous classification of each point feature with two attributes, providing more detailed symbolization.

In this example, when mapping campsite infrastructure, the first field symbolizes the campsite type (Glamping sites, RV campsite, and Tent Campsites) using colors, while the second field symbolizes the maintenance status (Operational, Maintenance required, and Out of service or damaged) using shapes.

This article outlines the workflow to symbolize point features by color and shape based on two fields in ArcGIS Online Map Viewer.

Procedure

  1. In ArcGIS Online, open Map Viewer.
  2. Find and add the point feature layer to the web map. Refer to Steps 1 through 4 in ArcGIS Online: Browse layers for instructions.
  3. In the Layers pane, click Options The Options icon next to the added layer and click Duplicate.
  4. Rename both layers.
    1. Click Options The Options icon next to the layer and click Rename.
    2. Type a new name for the layer and click OK.
  5. Apply a style to the original layer. Refer to Steps 3 through 5 in ArcGIS Online: Apply a style for instructions. For Step 5, click Field, find and select the desired attribute, and click Add.
  6. Configure the unique symbol for the original layer using a field to display in varying colors.
    1. In the Styles pane, click the Types (unique symbols) style and click Style options.
    2. In the Style options pane, click the colored symbol next to each category in the list to customize the category individually.
The colored symbol for individual styling
    1. In the Symbol style pane, for Size, adjust the slider handles or specify a new value in the text box.
    2. For Fill color, select a color from the color picker or specify a custom color using RGB or hexadecimal values.
    3. Close the pane.
    4. Repeat Steps 6(b) through 6(e) to change the color of the remaining categories.
    5. Click Done.
  1. Configure the unique symbol for the duplicated layer using another field.
    1. In the Layers pane, click the duplicated feature layer.
    2. On the Settings (light) toolbar, click Styles.
    3. In the Styles pane, in the Choose attributes section, click Field.
    4. In the Select Fields pane, select a field to symbolize and click Add.
  2. Configure the style for the duplicated layer to display in varying shapes.
    1. In the Pick a style section, click Style options.
    2. In the Style options pane, click the colored symbol next to each category in the list to customize the category individually.
    3. Click the symbol under Current symbol, select a shape symbol, and click Done.
    4. For Size, adjust the slider handles or specify a value smaller than the symbol size of the original layer in the text box.
    5. In the Symbol style pane, for Fill color, select black from the color picker or specify 000000 in the hexadecimal text box.
    6. Close the pane.
    7. Repeat Steps 8(a) through 8(f) to symbolize the other attribute categories using different shapes.
    8. Click Done to close the Style options pane.
    9. In the Styles pane, click Done to finish styling the layers.
  3. Group the layers. Refer to ArcGIS Online: Create and manage group layers for instructions. In the group layer, ensure the layer with the shape symbols is at the top of the drawing order.
  4. Apply blend mode to the duplicated layer in the group. Refer to ArcGIS Online: Apply blend modes for instructions. For Step 7 in the documentation, select Destination In.
  5. Save the web map.

The map below shows the point feature layers styled by colors and shapes using two fields.

The point features symbolized by colors and shapes

Article ID: 000034236

Software:
  • ArcGIS Online

Receive notifications and find solutions for new or common issues

Get summarized answers and video solutions from our new AI chatbot.

Download the Esri Support App

Related Information

Discover more on this topic

Get help from ArcGIS experts

Contact technical support

Download the Esri Support App

Go to download options