View on GitHub Sample viewer app

Display a layer from an ArcGIS map image layer service.

Add map image Layer

Use case

Map image layers are also referred to as dynamic map services. These services generate images dynamically on the server and send the resulting image to the requesting client. This is useful when rendering complex cartography or large amounts of data in a connected environment, as the client simply displays the image that the server returns. This can result in more accurate and faster-performing layers.

How to use the sample

Open the sample and view the map image layer. As you navigate the map, the layer issues image requests for the new map extent. The resulting images are rendered on the screen.

How it works

  1. Create an ArcGISMap.
  2. Create an ArcGISMapImageLayer with the URL to a map image service.
  3. Add the map image layer to the map’s operationalLayers.
  4. Display the map in a MapView composable.

Relevant API

  • ArcGISMap
  • ArcGISMapImageLayer

Tags

display, image, layer, map

Sample Code

MainActivity.kt MainActivity.kt AddMapImageLayerViewModel.kt AddMapImageLayerScreen.kt
/* 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.addmapimagelayer
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.runtime.Composable
import com.arcgismaps.ApiKey
import com.arcgismaps.ArcGISEnvironment
import com.esri.arcgismaps.sample.addmapimagelayer.screens.AddMapImageLayerScreen
import com.esri.arcgismaps.sample.sampleslib.theme.SampleAppTheme
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 {
AddMapImageLayerApp()
}
}
}
@Composable
private fun AddMapImageLayerApp() {
Surface(color = MaterialTheme.colorScheme.background) {
AddMapImageLayerScreen(
sampleName = getString(R.string.add_map_image_layer_app_name)
)
}
}
}