Display a raster on a map and apply different rendering rules to that raster.

Use case
Raster images whose individual pixels represent elevation values can be rendered in a number of different ways, including representation of slope, aspect, hillshade, and shaded relief. Applying these different rendering rules to the same raster allows for a powerful visual analysis of the data. For example, a geologist could interrogate the raster image to map subtle geological features on a landscape, which may become apparent only through comparing the raster when rendered using several different rules.
How to use the sample
Open the sample and use the picker to select a rendering rule.
How it works
- Create an
ImageServiceRasterusing a URL to an online image service. - After loading the raster, get its
serviceInfoto get a list ofRenderingRuleInfosupported by the service. - Choose a rendering rule info to apply and use it to create a
RenderingRule. - Create a new
ImageServiceRasterusing the same image service URL. - Apply the rendering rule to the new raster.
- Create a
RasterLayerfrom the raster for display.
Relevant API
- ImageServiceRaster
- RasterLayer
- RenderingRule
About the data
The CharlotteLAS image service contains 9 LAS files covering Charlotte, North Carolina’s downtown area. The LiDAR data was collected in 2007. Four raster rules are available for selection: None, RFTAspectColor, RFTHillshade, and RFTShadedReliefElevationColorRamp.
Additional information
Image service rasters of any type can have rendering rules applied to them; they need not necessarily be elevation rasters. See the list of raster function objects and syntax for rendering rules in the ArcGIS REST API documentation.
Tags
raster, rendering rules, visualization
Sample Code
/* Copyright 2025 Esri * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * */
package com.esri.arcgismaps.sample.applyrasterrenderingrule
import android.os.Bundleimport androidx.activity.ComponentActivityimport androidx.activity.compose.setContentimport androidx.activity.enableEdgeToEdgeimport androidx.compose.material3.MaterialThemeimport androidx.compose.material3.Surfaceimport androidx.compose.runtime.Composableimport com.arcgismaps.ApiKeyimport com.arcgismaps.ArcGISEnvironmentimport com.esri.arcgismaps.sample.sampleslib.theme.SampleAppThemeimport com.esri.arcgismaps.sample.applyrasterrenderingrule.screens.ApplyRasterRenderingRuleScreen
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) // authentication with an API key or named user is // required to access basemaps and other location services ArcGISEnvironment.apiKey = ApiKey.create(BuildConfig.ACCESS_TOKEN)
enableEdgeToEdge() setContent { SampleAppTheme { ApplyRasterRenderingRuleApp() } } }
@Composable private fun ApplyRasterRenderingRuleApp() { Surface(color = MaterialTheme.colorScheme.background) { ApplyRasterRenderingRuleScreen( sampleName = getString(R.string.apply_raster_rendering_rule_app_name) ) } }}/* Copyright 2025 Esri * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * */
package com.esri.arcgismaps.sample.applyrasterrenderingrule.components
import android.app.Applicationimport androidx.lifecycle.AndroidViewModelimport androidx.lifecycle.viewModelScopeimport com.arcgismaps.mapping.ArcGISMapimport com.arcgismaps.mapping.BasemapStyleimport com.arcgismaps.mapping.Viewpointimport com.arcgismaps.mapping.layers.RasterLayerimport com.arcgismaps.raster.ImageServiceRasterimport com.arcgismaps.raster.RenderingRuleimport com.arcgismaps.toolkit.geoviewcompose.MapViewProxyimport com.esri.arcgismaps.sample.sampleslib.components.MessageDialogViewModelimport kotlinx.coroutines.Dispatchersimport kotlinx.coroutines.flow.MutableStateFlowimport kotlinx.coroutines.flow.asStateFlowimport kotlinx.coroutines.launch
private const val IMAGE_SERVICE_URL = "https://sampleserver6.arcgisonline.com/arcgis/rest/services/CharlotteLAS/ImageServer"
class ApplyRasterRenderingRuleViewModel(app: Application) : AndroidViewModel(app) {
val mapViewProxy = MapViewProxy()
var arcGISMap = ArcGISMap(BasemapStyle.ArcGISStreets)
// List of raster layers, each with a different rendering rule private val rasterLayers: MutableList<RasterLayer> = mutableListOf()
// List of rendering rule names for the dropdown private val _renderingRuleNames = MutableStateFlow<List<String>>(emptyList()) val renderingRuleNames = _renderingRuleNames.asStateFlow()
// Currently selected rendering rule name private val _selectedRenderingRuleName = MutableStateFlow("") val selectedRenderingRuleName = _selectedRenderingRuleName.asStateFlow()
// Message dialog for error handling val messageDialogVM = MessageDialogViewModel()
init { viewModelScope.launch(Dispatchers.IO) { createRasterLayers() } }
/** * Loads the image service raster, gets all rendering rule infos, and creates a raster layer for each rule. */ private suspend fun createRasterLayers() { // Create and load the base image service raster val imageServiceRaster = ImageServiceRaster(IMAGE_SERVICE_URL) imageServiceRaster.load().onFailure { messageDialogVM.showMessageDialog( title = "Failed to load image service raster", description = it.message.toString() ) return } val serviceInfo = imageServiceRaster.serviceInfo // Check availability of rendering rule infos val renderingRuleInfos = serviceInfo?.renderingRuleInfos ?: emptyList() if (renderingRuleInfos.isEmpty()) { messageDialogVM.showMessageDialog("No rendering rules found for this image service.") return } val ruleNames = mutableListOf<String>() // 'None' option: no rendering rule val baseRaster = ImageServiceRaster(IMAGE_SERVICE_URL) val baseLayer = RasterLayer(baseRaster).apply { name = "None" } rasterLayers.add(baseLayer) // For each rendering rule info, create a new raster layer for (ruleInfo in renderingRuleInfos) { val raster = ImageServiceRaster(IMAGE_SERVICE_URL) raster.renderingRule = RenderingRule(ruleInfo) val rasterLayer = RasterLayer(raster).apply { name = ruleInfo.name } rasterLayers.add(rasterLayer) ruleNames.add(ruleInfo.name) } // Load all raster layers rasterLayers.forEach { layer -> layer.load().onFailure { messageDialogVM.showMessageDialog( title = "Failed to load raster layer", description = it.message.toString() ) } } _renderingRuleNames.value = ruleNames // Set initial selection to 'None' _selectedRenderingRuleName.value = "None" // Set the initial layer on the map setRasterLayer("None") }
/** * Sets the raster layer with the given name as the only operational layer on the map. * Zooms to the layer's extent if available. */ fun setRasterLayer(ruleName: String) { val rasterLayer = rasterLayers.firstOrNull { it.name == ruleName } if (rasterLayer != null) { arcGISMap.operationalLayers.clear() arcGISMap.operationalLayers.add(rasterLayer) _selectedRenderingRuleName.value = ruleName // Zoom to the raster layer's extent if available viewModelScope.launch { rasterLayer.fullExtent?.let { extent -> mapViewProxy.setViewpoint(Viewpoint(extent)) } } } }}/* Copyright 2025 Esri * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * */
package com.esri.arcgismaps.sample.applyrasterrenderingrule.screens
import androidx.compose.foundation.layout.Arrangementimport androidx.compose.foundation.layout.Columnimport androidx.compose.foundation.layout.Rowimport androidx.compose.foundation.layout.fillMaxSizeimport androidx.compose.foundation.layout.fillMaxWidthimport androidx.compose.foundation.layout.paddingimport androidx.compose.material3.Scaffoldimport androidx.compose.runtime.Composableimport androidx.compose.runtime.collectAsStateimport androidx.compose.runtime.getValueimport androidx.compose.runtime.mutableIntStateOfimport androidx.compose.runtime.rememberimport androidx.compose.runtime.setValueimport androidx.compose.ui.Modifierimport androidx.compose.ui.unit.dpimport androidx.lifecycle.viewmodel.compose.viewModelimport com.arcgismaps.toolkit.geoviewcompose.MapViewimport com.esri.arcgismaps.sample.applyrasterrenderingrule.components.ApplyRasterRenderingRuleViewModelimport com.esri.arcgismaps.sample.sampleslib.components.DropDownMenuBoximport com.esri.arcgismaps.sample.sampleslib.components.MessageDialogimport com.esri.arcgismaps.sample.sampleslib.components.SampleTopAppBar
/** * Main screen layout for the sample app */@Composablefun ApplyRasterRenderingRuleScreen(sampleName: String) { val mapViewModel: ApplyRasterRenderingRuleViewModel = viewModel()
val renderingRuleNames by mapViewModel.renderingRuleNames.collectAsState() val selectedRenderingRuleName by mapViewModel.selectedRenderingRuleName.collectAsState()
// Used to trigger dropdown selection var selectedIndex by remember(selectedRenderingRuleName, renderingRuleNames) { mutableIntStateOf(renderingRuleNames.indexOf(selectedRenderingRuleName).coerceAtLeast(0)) }
Scaffold( topBar = { SampleTopAppBar(title = sampleName) }, content = { padding -> Column( modifier = Modifier .fillMaxSize() .padding(padding), ) { MapView( modifier = Modifier .fillMaxSize() .weight(1f), arcGISMap = mapViewModel.arcGISMap, mapViewProxy = mapViewModel.mapViewProxy ) Row( modifier = Modifier .fillMaxWidth() .padding(16.dp), horizontalArrangement = Arrangement.Center ) { if (renderingRuleNames.isNotEmpty()) { DropDownMenuBox( textFieldValue = renderingRuleNames.getOrElse(selectedIndex) { "" }, textFieldLabel = "Rendering Rule", dropDownItemList = renderingRuleNames, onIndexSelected = { index -> selectedIndex = index val ruleName = renderingRuleNames.getOrNull(index) ?: return@DropDownMenuBox mapViewModel.setRasterLayer(ruleName) } ) } } }
mapViewModel.messageDialogVM.apply { if (dialogStatus) { MessageDialog( title = messageTitle, description = messageDescription, onDismissRequest = ::dismissDialog ) } } } )}