> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/android/ja/maps/llms.txt)

# Display a map

![Create and display a map that uses the default Mapbox Standard style.](https://docs.mapbox.com/android/ja/assets/ideal-img/maps-compose-examples-display-a-map.34a6b0c.480.png)

This example demonstrates the usage of the [`MapboxMap`](https://docs.mapbox.com/android/maps/api/latest/mapbox-maps-android/com.mapbox.maps.extension.compose/-mapbox-map.html) in a Compose environment. The map is configured using the [`rememberMapViewportState`](https://docs.mapbox.com/android/maps/api/latest/mapbox-maps-android/com.mapbox.maps.extension.compose.animation.viewport/remember-map-viewport-state.html) to set specific camera options such as zoom level and center location. In this case, the app sets the initial zoom level to 9.0 using the constant `ZOOM` and centers the map on the coordinates for Helsinki, obtained from the `CityLocations` utility class.

The map is displayed within the [`fillMaxSize`](https://developer.android.com/develop/ui/compose/modifiers) layout modifier to occupy the entire available space on the screen. The entire layout is themed using `MapboxMapComposeTheme`, a theme used in the Maps SDK for Android Examples App.

> **Note: Android Examples App Available**
> 
> This example code is part of the **Maps SDK for Android Examples App**, a working Android project [available on GitHub](https://github.com/mapbox/mapbox-maps-android/tree/v11.28.0/). Android developers are encouraged to run the examples app locally to interact with this example in an emulator and explore other features of the Maps SDK.
> 
> See our [Run the Maps SDK for Android Examples App](https://docs.mapbox.com/help/tutorials/maps-sdk-android-examples-app/) tutorial for step-by-step instructions.

**Kotlin**

Title: `SimpleMapActivity.kt`

[View on GitHub](https://github.com/mapbox/mapbox-maps-android/blob/v11.28.0/compose-app/src/main/java/com/mapbox/maps/compose/testapp/examples/basic/SimpleMapActivity.kt)

```kt
package com.mapbox.maps.compose.testapp.examples.basic

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.ui.Modifier
import com.mapbox.maps.compose.testapp.ExampleScaffold
import com.mapbox.maps.compose.testapp.examples.utils.CityLocations
import com.mapbox.maps.compose.testapp.ui.theme.MapboxMapComposeTheme
import com.mapbox.maps.extension.compose.MapboxMap
import com.mapbox.maps.extension.compose.animation.viewport.rememberMapViewportState

/**
 * Example to showcase usage of MapboxMap.
 */
public class SimpleMapActivity : ComponentActivity() {
  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContent {
      MapboxMapComposeTheme {
        ExampleScaffold {
          MapboxMap(
            Modifier.fillMaxSize(),
            mapViewportState = rememberMapViewportState {
              setCameraOptions {
                zoom(ZOOM)
                center(CityLocations.HELSINKI)
              }
            },
          )
        }
      }
    }
  }

  private companion object {
    const val ZOOM: Double = 9.0
  }
}
```