Skip to main content

Offline

There are two main kinds of offline functionality: predictive caching and offline regions. Predictive caching is fully automatic and based on the driver’s behavior. It allows offline navigation around the user’s current location, the destination, and the route itself. Offline regions need to be created and loaded ahead of time, enabling routing functionality in non-connected environments.

Predictive caching

To use predictive caching, you will need to initialize a PredictiveCacheController and, optionally, configure a radius and cache size. Once these items are configured, the Navigation SDK will automatically create caches and make them available to the user.

To start caching map data, call createMapControllers with a MapboxMap instance and, optionally, pass a list of source IDs to specify sources to cache. Sources must be hosted on Mapbox, and the source ID must start with “mapbox://” (for example, “mapbox://mapbox.mapbox-terrain-v2”). If you do not pass any IDs to createMapControllers, all available style sources will be cached by default. There can be multiple instances of the map caching resources at a time.

predictiveCacheController = PredictiveCacheController(predictiveCacheLocationOptions, predictiveCacheControllerErrorHandler)

// cache only passed sources for the mapboxMap instance
predictiveCacheController.createMapControllers(mapboxMap, listOf("mapbox://mapbox.mapbox-terrain-v2"));

// cache all sources for the anotherMapboxMap instance
predictiveCacheController.createMapControllers(anotherMapboxMap);

Lifecycle

The controller and its MapboxNavigation instance have a different lifecycle than the MapboxMap instance, so make sure to call removeMapControllers whenever the MapView is destroyed to avoid leaking references or downloading unnecessary resources.

predictiveCacheController.removeMapControllers(mapboxMap)

When the navigation session is finished and predictive caching is no longer needed, call onDestroy to remove all map and navigation references.

override fun onDestroyView() {
mapViewModel.onMapDestroyed()
mapboxMap = null
navigationMapboxMap = null
mapView.onDestroy()
stopStyleObservers()
super.onDestroyView()
}

Configure predictive caching

When predictive caching is enabled, the Navigation SDK will create a cache of data within three configurable boundaries, each with its own default value:

  1. Radius around the user's location. Defaults to 2,000 meters. Use currentLocationRadiusInMeters to configure this value.
  2. Buffer around the route. Defaults to 500 meters. Use routeBufferRadiusInMeters to configure this value.
  3. Radius around the destination. Defaults to 5,000 meters. Use destinationLocationRadiusInMeters to configure this value.

To configure predictive caching, pass values, in meters, to any of the PredictiveCacheLocationOptions.

mapboxNavigation = MapboxNavigation(
NavigationOptions.Builder(this)
.accessToken(getMapboxAccessTokenFromResources())
.predictiveCacheLocationOptions(
PredictiveCacheLocationOptions.Builder()
.currentLocationRadiusInMeters(50000)
.routeBufferRadiusInMeters(30000)
.destinationLocationRadiusInMeters(30000)
.build()
).build()

When predictive caching is enabled, the Navigation SDK will automatically stop caching data when a given cache size limit is reached. The default cache size limit is 50MB, but can be configured with cacheSize with ResourceOptions.

val mapboxMapOptions = MapboxMapOptions(this, resources.displayMetrics.density, null)
val resourceOptions = ResourceOptions.Builder()
.accessToken(getMapboxAccessTokenFromResources())
.assetPath(filesDir.absolutePath)
.cachePath(filesDir.absolutePath + "/mbx.db")
.cacheSize(100000000L) // 100 MB
.tileStorePath(filesDir.absolutePath + "/maps_tile_store/")
.build()
mapboxMapOptions.resourceOptions = resourceOptions
mapView = MapView(this, mapboxMapOptions)
//...
predictiveCacheController = PredictiveCacheController(
new PredictiveCacheLocationOptions.Builder().build(),
message -> {
Log.e(TAG, "predictive cache error: " + message);
}
)
predictiveCacheController.createMapControllers(mapboxMap)

Estimate predictive caching data use

Data usage depends on the configured radius and on map style. For the Mapbox Streets style, cache size is:

  • Berlin, 15km radius: 136 MB maps, 42 MB navigation
  • Chicago, 15km radius: 74 MB maps, 43 MB navigation
  • London, 15km radius: 145 MB maps, 90 MB navigation
  • Atlanta, 100 miles radius: 659 MB maps, 156 MB navigation

Offline regions

TileStore allows users to create and download offline regions ahead of time, enabling routing functionality in non-connected environments. In areas with no cellular connectivity, or on a device with no SIM card, your users can use turn-by-turn navigation and request new routes. If they go off-route, the system can reroute and keep them headed to their destination without requiring network connectivity. TileStore copies the routing data from the server onto the user’s device, so there’s no need to make HTTP API calls for routing information.

TileStore and the Maps SDK
TileStore handles offline regions data for both navigation data for generating routes and map tiles for displaying a map in your application. Find more details on how to use TileStore for map data in the Maps SDK documentation.

Initialize TileStore instance

To initialize a TileStore instance, provide a path to a cache directory where tiles will be stored and access tokens for both maps and navigation.

val tileStore = TileStore.create("path/to/cache/directory/").apply {
setOption(
TileStoreOptions.MAPBOX_ACCESS_TOKEN,
TileDataDomain.MAPS,
Value("mapToken")
)
setOption(
TileStoreOptions.MAPBOX_ACCESS_TOKEN,
TileDataDomain.NAVIGATION,
Value("navToken")
)

Pass TileStore instance to maps and navigation

After the TileStore instance is initialized, pass it to both MapboxNavigation and MapView via the corresponding options.

Note
For both offline and predictive-caching use cases, you must pass the same TileStore instance to the Maps SDK's ResourceOptions and the Navigation SDK's RoutingTilesOptions. This will guarantee the same tile regions will be used for both maps-related and navigation-related data.

Pass the TileStore instance to RoutingTilesOptions options and pass those options to NavigationOptions to be applied to the MapboxNavigation object:

val routingTilesOptions= RoutingTilesOptions.Builder()
.tileStore(tileStore)
.build()

val navOptions = NavigationOptions.Builder(context)
.accessToken("accessToken")
.routingTilesOptions(routingTilesOptions)
.build()

val mapboxNavigation = MapboxNavigation(navOptions)

Pass the TileStore instance to ResourceOptions options to be applied to the MapView object:

val resourceOptions = ResourceOptions.Builder()
.accessToken("accessToken")
.tileStore(tileStore)
.tileStoreUsageMode(TileStoreUsageMode.READ_AND_UPDATE)
.build()

val mapView = MapView(
context,
MapInitOptions(context, resourceOptions)
)

Download a tile region

To load a new tile region or update an existing one, create an asynchronous tile region download by calling the tile store's loadTileRegion method and passing in the TileRegionLoadOptions.

To create a new tile region, start by defining TileRegionLoadOptions. You must provide at least two pieces of information to TileRegionLoadOptions:

  • geometry: GeoJson object describing some area (for example Polygon or MultiPolygon).
  • descriptors: tileset descriptor is a bundle that encapsulates tilesets creation for the tile store implementation. Maps tileset descriptor contains metadata about the tilesets, zoom ranges, and pixel ratio that cached tile packs should include. Navigation tileset descriptor contains version of the navigation tiles that cached tile packs should include.

If one or both pieces of information are missing, the load request will fail with RegionNotFound error.

To begin loading the new tile region, pass the options to loadTileRegion. Each tile region requires a unique tile region id. This can be any alphanumeric string. To create a new tile region, provide a new tile region id.

To update an existing tile region, use the tile region id of the existing region. When you call loadTileRegion, expired resources will be updated and any missing resources will be loaded to the existing offline region. When updating a tile region, you do not have to provide TileRegionLoadOptions, but you can if you need to alter the geometry or descriptors. A failed load request can be reattempted with another loadTileRegion() call.

If there is already a pending loading operation for the tile region with the given id the pending loading operation will fail with an error of Canceled type.

val mapsTilesetDescriptor = offlineManager.createTilesetDescriptor(
TilesetDescriptorOptions.Builder()
.styleURI(Style.OUTDOORS)
.minZoom(0)
.maxZoom(16)
.build()
)

val navTilesetDescriptor = mapboxNavigation.tilesetDescriptorFactory.getLatest()

val tileRegionLoadOptions = TileRegionLoadOptions.Builder()
.geometry(TOKYO)
.descriptors(listOf(mapsTilesetDescriptor, navTilesetDescriptor))
.build()

val tileRegionCancelable = tileStore.loadTileRegion(
TILE_REGION_ID,
tileRegionLoadOptions,
{ progress ->
// Handle the download progress
}
) { expected ->
if (expected.isValue) {
// Tile region download finishes successfully
} else {
// Handle errors that occurred during the tile region download
}
}

List tile regions

Call TileStore#getAllTileRegions to get a list of available tile regions. This will return either an object (Expected) that includes a list of available tile regions or an error.

Note
The callbacks will be executed on a TileStore-controlled worker thread. It is the responsibility of the developer to dispatch them to a controlled thread.
tileStore.getAllTileRegions { expected ->
if (expected.isValue) {
expected.value?.let { tileRegionList ->
Log.d("Existing tile regions: $tileRegionList")
}
} else {
expected.error?.let { tileRegionError ->
Log.e("TileRegionError: $tileRegionError")
}
}
}

Delete tile regions

You can delete a tile region with TileStore#removeTileRegion.

tileStore.removeTileRegion(TILE_REGION_ID)
Note
This may not delete the downloaded tile packs immediately. Instead, it will mark the tileset as not being a part of an offline tile region, and the tileset will be removed from the disk cache during its normal cleanup process.

Observe tile regions state

You can add TileStoreObserver to be notified when the state of any tile region changes.

val tileStoreObserver = object : TileStoreObserver() {
override fun onRegionLoadProgress(id: String, progress: TileRegionLoadProgress) {
// Called whenever the load progress of a TileRegion changes.
}

override fun onRegionLoadFinished(id: String, region: Expected<TileRegionError, TileRegion>) {
// Called once a TileRegion load completes successfully, or is aborted due to cancellation or errors.
}

override fun onRegionRemoved(id: String) {
// Called when a TileRegion was removed
}

override fun onRegionGeometryChanged(id: String, geometry: Geometry) {
// Called when the geometry of a TileRegion was modified.
}

override fun onRegionMetadataChanged(id: String, value: Value) {
// Called when the user-provided metadata associated with a TileRegion was changed.
}
})
tileStore.addObserver(tileStoreObserver)

// remove observer when you don't need it
tileStore.removeObserver(tileStoreObserver)
Was this page helpful?