Display map from mobile map package

View on GitHub

Sample viewer app

Display a map from a mobile map package.

Image of open mobile map package

Use case

An .mmpk file is an archive containing the data (specifically, basemaps and features) used to display an offline map. A mobile map package may need to be unpacked to a directory to allow read support for certain data types.

How to use the sample

When the sample opens, it will automatically display the map in the mobile map package. Pan and zoom to observe the data from the mobile map package.

How it works

Create a MobileMapPackage specifying the path to the .mmpk file.
Load the mobile map package with mapPackage.load().
After it successfully loads, get the map from the ".mmpk" and add it to the map view by setting map = mapPackage.maps.first().

Relevant API

MapView
MobileMapPackage

About the data

This mobile map package shows points of interest within Yellowstone National Park. It is available for download here on ArcGIS Online.

Additional information

This sample uses the GeoView-Compose Toolkit module to be able to implement a composable MapView.

Sample Code

MapViewModel.kt

DownloadActivity.kt

MainActivity.kt

MainScreen.kt

Use dark colors for code blocksCopy
/* Copyright 2024 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.displaymapfrommobilemappackage.components


import android.app.Application
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.setValue
import androidx.lifecycle.AndroidViewModel
import androidx.lifecycle.viewModelScope
import com.arcgismaps.mapping.ArcGISMap
import com.arcgismaps.mapping.MobileMapPackage
import com.esri.arcgismaps.sample.displaymapfrommobilemappackage.R
import com.esri.arcgismaps.sample.sampleslib.components.MessageDialogViewModel
import kotlinx.coroutines.launch
import java.io.File

class MapViewModel(application: Application) : AndroidViewModel(application) {

    private val provisionPath: String by lazy {
        application.getExternalFilesDir(null)?.path.toString() + File.separator + application.getString(
            R.string.display_map_from_mobile_map_package_app_name
        )
    }

    // Get the file path of the (.mmpk) file
    private val filePath = provisionPath + application.getString(R.string.yellowstone_mmpk)

    // View model to handle popup dialogs
    val messageDialogVM = MessageDialogViewModel()

    // Create the mobile map package
    private val mapPackage = MobileMapPackage(filePath)

    // Create a mutable state for the map
    var map: ArcGISMap by mutableStateOf(ArcGISMap())

    init {
        viewModelScope.launch {
            // Load the mobile map package
            mapPackage.load().onSuccess {
                // Add the map from the mobile map package to the MapView
                map = mapPackage.maps.first()
            }.onFailure {
                messageDialogVM.showMessageDialog(
                    "Error loading mobile map package", it.message.toString()
                )
            }
        }
    }
}