featureEffect | Web Map Specification

Feature Effect emphasizes or deemphasizes features that satisfy a filter using graphical effects

Referenced by: CSV Layer (CSV), Feature Layer (ArcGISFeatureLayer), Footprint Layer (FootprintLayer), GeoJSON Layer (GeoJSON), KnowledgeGraph Sub Layer (KnowledgeGraphSubLayer), Link Chart Aggregation Layer (LinkChartAggregationLayer), Link Chart Sub Layer (LinkChartSubLayer), OGC Feature Layer, Oriented Imagery Layer (OrientedImageryLayer), Parquet Layer (ParquetLayer), Stream Layer (ArcGISStreamLayer), Web Feature Service Layer (WFS)

Properties

Property	Details
excludedEffect	The effect applied to features that do not meet the filter requirements.
filter	The client-side filter executed on each displayed feature to determine which of includedEffect or excludedEffect to apply. See filter properties table.
includedEffect	The effect applied to features that meet the filter requirements.

filter properties

Property	Details
where	A SQL-based where clause that narrows the data to be used. Any features that satisfy the query will be used.

Feature Effect Example

{
  "filter": {
    "where": "magnitude >= 3"
  },
  "includedEffect": [
    {
      "type": "brightness",
      "amount": 2
    }
  ],
  "excludedEffect": [
    {
      "type": "grayscale",
      "amount": 1
    },
    {
      "type": "opacity",
      "amount": 0.3
    }
  ]
}

Scale Dependent Feature Effect Example

{
  "filter": {
    "where": "magnitude >= 3"
  },
  "includedEffect": [
    {
      "scale": 36978595,
      "value": [
        {
          "type": "drop-shadow",
          "xoffset": 3,
          "yoffset": 3,
          "blurRadius": 4,
          "color": [
            0,
            0,
            0,
            255
          ]
        },
        {
          "type": "brightness",
          "amount": 4
        }
      ]
    },
    {
      "scale": 18489297,
      "value": [
        {
          "type": "drop-shadow",
          "xoffset": 2,
          "yoffset": 2,
          "blurRadius": 3,
          "color": [
            0,
            0,
            0,
            255
          ]
        },
        {
          "type": "brightness",
          "amount": 2
        }
      ]
    },
    {
      "scale": 4622324,
      "value": [
        {
          "type": "drop-shadow",
          "xoffset": 1,
          "yoffset": 1,
          "blurRadius": 2,
          "color": [
            0,
            0,
            0,
            255
          ]
        }
      ]
    }
  ],
  "excludedEffect": [
    {
      "type": "brightness",
      "amount": 0.8
    }
  ]
}