View on GitHub

Show different kinds of multilayer symbols on a map similar to some pre-defined 2D simple symbol styles.

Image of render multilayer symbols

Use case

Allows you to customize a graphic with a multilayer symbol. For example, you may want more customizable symbols than the one that is provided with the API to display a unique representation of a landmark.

How to use the sample

The sample loads multilayer symbols for points, polylines, and polygons.

How it works

  1. Create multilayer symbols for each predefined 2D simple symbol style.
    • For multilayer point symbols, use MultilayerPointSymbol(symbolLayers:referenceProperties:).
    • For multilayer polyline symbols, use MultilayerPolylineSymbol(symbolLayers:referenceProperties:).
    • For multilayer polygon symbols, use MultiLayerPolygonSymbol(symbolLayers:referenceProperties:).
  2. Create graphics by passing in a geometry and the associated symbol.
  3. Add graphics to the graphics overlay with graphicsOverlay.addGraphics(_:)

Relevant API

  • Graphic
  • GraphicsOverlay
  • MultiLayerPointSymbol
  • MultiLayerPolygonSymbol
  • MultiLayerPolylineSymbol
  • PictureMarkerSymbolLayer
  • SolidFillSymbolLayer
  • SolidStrokeSymbolLayer
  • VectorMarkerSymbolLayer

About the data

The campsite picture marker symbol is constructed from a URL.

Tags

graphic, marker, multilayer, picture, symbol