Raster Colorization | Maps SDK | Android Docs

Raster colorization using raster-color.
Kotlin
RasterColorizationActivity.kt
package com.mapbox.maps.testapp.examples.style

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.mapbox.maps.MapView
import com.mapbox.maps.extension.style.expressions.dsl.generated.interpolate
import com.mapbox.maps.extension.style.expressions.generated.Expression
import com.mapbox.maps.extension.style.layers.generated.backgroundLayer
import com.mapbox.maps.extension.style.layers.generated.rasterLayer
import com.mapbox.maps.extension.style.sources.generated.rasterSource
import com.mapbox.maps.extension.style.style

/**
 * Example of raster colorization using raster-color property.
 */
class RasterColorizationActivity : AppCompatActivity() {

  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    val mapView = MapView(this)
    setContentView(mapView)
    mapView.mapboxMap
      .apply {
        loadStyle(
          styleExtension = style {
            +rasterSource(RASTER_SOURCE_ID) {
              url("mapbox://mapbox.terrain-rgb")
              tileSize(256)
            }

            +backgroundLayer(BACKGROUND_LAYER_ID) {
              backgroundColor(Expression.rgb(4.0, 7.0, 14.0))
            }
            +rasterLayer(RASTER_LAYER_ID, RASTER_SOURCE_ID) {
              rasterColor(
                interpolate {
                  linear()
                  rasterValue()
                  stop {
                    literal(35.392)
                    rgb(48.0, 167.0, 228.0)
                  }
                  stop {
                    literal(44.24)
                    rgb(57.0, 143.0, 83.0)
                  }
                  stop {
                    literal(274.288)
                    rgb(116.0, 166.0, 129.0)
                  }
                  stop {
                    literal(486.64)
                    rgb(178.0, 205.0, 174.0)
                  }
                  stop {
                    literal(672.448)
                    rgb(188.0, 195.0, 169.0)
                  }
                  stop {
                    literal(955.584)
                    rgb(221.0, 207.0, 153.0)
                  }
                  stop {
                    literal(1353.744)
                    rgb(211.0, 174.0, 114.0)
                  }
                  stop {
                    literal(1813.84)
                    rgb(207.0, 155.0, 103.0)
                  }
                  stop {
                    literal(2450.896)
                    rgb(179.0, 120.0, 85.0)
                  }
                  stop {
                    literal(3318)
                    rgb(227.0, 210.0, 197.0)
                  }
                  stop {
                    literal(5839.68)
                    rgb(255.0, 255.0, 255.0)
                  }
                }
              )
              rasterColorMix(
                listOf(
                  1667721.6,
                  6553.6,
                  25.6,
                  -10000.0
                )
              )
              rasterColorRange(listOf(0.0, 8848.0))
            }
          }
        )
      }
  }

  companion object {
    private const val RASTER_SOURCE_ID = "raster-source-id"
    private const val BACKGROUND_LAYER_ID = "background-layer-id"
    private const val RASTER_LAYER_ID = "raster-layer-id"
  }
}
Was this example helpful?