Tutorial: Style layers in a web scene

This tutorial shows you how to use the Scene Viewer to style feature layers in a web scene. The layers are created from the Los Angeles GeoHub dataset.

Prerequisites

You need an ArcGIS Location Platform or ArcGIS Online account for this tutorial.

Steps

Copy the web scene

Use the unstyled LA Parks and Trails Scene (unstyled) as a starting point for the tutorial. Or, if you prefer, use your own web scene from the Create a web scene tutorial.

  1. Go to the LA Parks and Trails Scene (unstyled) web scene.

  2. Click Sign In > Save > Save As to copy the map. At minimum, you need a title and tags to save the web map.

Style trailheads (points)

You can style point features in a scene by setting a marker symbol or a 3D model symbol in a simple renderer, and then setting the renderer on the layer. All features in the view will display the same symbol. In this instance, all trailheads will display an elevated "push pin" to mark locations with callouts above the terrain.

  1. In the left-side toolbar, click the Layer Manager.

  2. Click the ellipsis to the right of the Trailheads layer, Then click Layer style.

  3. In 2D Marker > Options.

  4. In Style 2D Marker set the following:

    • Marker: Basic shapes > Circle > Done.
    • Color: #1A1A1A
    • Size: 8 pixels
  5. Enable Callout:

    • city scale-small
    • Color: dark
  6. Enable Labels:

    • Text: TRL_NAME
    • Size: medium
    • Color light
  7. Enable Declutter.

  8. Disable Improve perspective.

  9. Click Done > Done.

  10. Click the ellipsis to the right of the Trailheads layer, then click Layer properties.

  11. Under Elevation click Relative to ground > Configure more.

  12. Set Offset to 1.

  13. Set Unit to m.

  14. Click Done > Done.

Style trails (lines)

You set a line symbol or a 3D path symbol in a simple renderer, and set the renderer on the layer. In the Scene Viewer, you can style line features as 2D lines or 3D paths with a specific color. The features can be drawn on the ground, above, or below.

  1. Click Trails > 2D Line > Options.

  2. In Style 2D Line, set the following:

    • Color: #BA55D3
    • Width: 7
  3. Click the ellipsis to the right of the Trails layer and click Layer properties.

  4. Set the Transparency to 20.

  5. Under Elevation click Relative to ground > Configure more.

  6. Set Offset to 1.

  7. Set Unit to m.

  8. Click Done > Done.

Style bike-only trails

You can show different visual patterns for a single layer by adding it twice, applying a filter, and then styling it with a different color. Use the filter to style bike-only trails.

  1. In the left panel, click Add layers > Add layer from URL.

  2. In Layer URL. Enter the following URL:

    • https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0
  3. In Layer name the layer to Trails for Bikes > Add.

  4. Click the ellipses in the Trails for Bikes layer > Layer properties.

  5. In Filter > USE_BIKE.

  6. Check Yes and uncheck all and No.

  7. Click Done.

  8. Click Trails for Bikes > 2D Line > Options.

  9. In Style 2D Line, set the following:

    • Color: #FF91FF
    • Width: 1.5
  10. Set Elevation mode to Relative to ground.

  11. Set Offset to 2.

  12. Click Done > Done.

Style parks (polygons)

You use a fill symbol or extrude the polygon based on real-world heights.In the Scene Viewer, you can style polygon features as 2D polygons or 3D extruded features.

  1. Click the Parks and Open Space layer > 2D Polygon > Options.

  2. In Style 2D Polygon:

    • Color: #228B22
    • Transparency: 80%. Click Done.
  3. Set Elevation mode to On the ground.

  4. Click Done > Done.

Explore the web scene

  1. In the left toolbar, click Save to save your scene. At minimum you need a title and tags. Your web scene should look something like this.

  2. Drag, zoom, and pan the styled web scene.

What's next?

Learn how to use additional tools, APIs, and location services in these tutorials:

Display a web scene

Display a custom basemap style

Add and display a styled vector tile basemap layer.


Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.