1
      // Define a Remap raster function to reclassify pixel values.
2
      const remapRasterFunction = {
3
        functionName: "Remap",
4
        // Separate forested and unforested areas.
5
        functionArguments: {
6
          // Define the pixel value ranges to remap: 0-40, 41-43, and 44-255.
7
          inputRanges: [0, 41, 41, 44, 44, 255],
8
          // Remap forest pixels (41-43) to 2 and non-forest pixels to 1.
9
          outputValues: [1, 2, 1],
10
          // Reference the entire image service, this is the default.
11
          raster: "$$", // $2 would refer to the second image of the service.
12
        },
13
      };
14

15
      // Define a Colormap raster function to color each pixel based on its value.
16
      const rasterFunction = {
17
        functionName: "Colormap",
18
        functionArguments: {
19
          colormap: [
20
            // Assign rgb(253, 254, 152) to pixels with a value of 1.
21
            [1, 253, 254, 152], // Unforested areas get a yellow color.
22
            // Assign rgb(2, 102, 6) to pixels with a value of 2.
23
            [2, 2, 102, 6], // Forested areas get a green color.
24
          ],
25
          raster: remapRasterFunction, // Chain the Remap raster function here.
26
        },
27
        outputPixelType: "u8", // Store output values as 0-255 integers.
28
      };
29

30
      // Specify how images overlap in the mosaic. Autocasts as MosaicRule.
31
      const mosaicRule = { ascending: true, method: "center", operation: "last" };
32

33
      // Initialize the layer with the last autocast RasterFunction in the chain.
34
      const layer = new ImageryLayer({ mosaicRule, rasterFunction, url });
35
      viewElement.map.add(layer);