How to build an offline app

1. Select a type of offline app

There are two types of offline apps you can build with ArcGIS Maps SDKs for Native Apps:

1. Partially offline apps are suitable if you will have periods of disconnectivity and connectivity or if you want to use online services in the offline app.
2. Fully offline apps are suitable if you will be disconnected at all times or if your data is too large and impractical to transfer over the network.

2. Prepare a mobile data source

Mobile data sources provide your offline app with the data and maps that it needs to function. Examples of mobile data sources are offline maps, offline data, mobile packages, and data files. Different types of offline apps have different options for mobile data sources. You can choose from various mobile data sources that suit your type of offline app.

Partially offline apps support a wider selection of mobile data sources. This type of offline app has network access to download data, such as offline-enabled web maps to generate offline maps or data services to generate offline data.

Fully offline apps have more limited options for mobile data sources. These apps rely primarily on locally stored data, such as mobile packages authored in ArcGIS Pro or data files then sideloaded onto the device.

Refer to the chart below to prepare the correct mobile data source for your offline app.

The general steps to prepare a mobile data source are:

1. Select a type of mobile data source for your offline app.
2. Prepare the data using tools such as ArcGIS Pro, Map Viewer, or the portal.
3. For data hosted in the portal, such as a web map or a feature service, enable it for offline use in the item page.
4. Obtain the item ID to download the data to your device, or export the data to sideload it onto your device.

3. Build the app

After preparing a mobile data source, the next step is to create an application with ArcGIS Maps SDKs for Native Apps for your preferred platform. Your application will access the mobile data source you have prepared, and can then be expanded with additional functionalities, such as geocoding or routing.

The following examples show how to access different mobile data sources in partially offline and fully offline apps.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var portal = await ArcGISPortal.CreateAsync();
var portalItem = await PortalItem.CreateAsync(portal, "YOUR_ITEM_ID"); // Replace with your web map ID
var map = new Map(portalItem);

OfflineMapTask offlineTask = await OfflineMapTask.CreateAsync(map);

GenerateOfflineMapParameters generateParameters =
    await offlineTask.CreateDefaultGenerateOfflineMapParametersAsync(areaOfInterest);

GenerateOfflineMapJob job = offlineTask.GenerateOfflineMap(generateParameters, "path\\to\\map\\directory");

GenerateOfflineMapResult result = await job.GetResultAsync();

if (result.OfflineMap is Map offlineMap)
{
    MainMapView.Map = offlineMap;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
MainMapView.Map = new Map(BasemapStyle.ArcGISStreets);
var areaOfInterest = new Esri.ArcGISRuntime.Geometry.Polygon(new [] {
    new MapPoint(-88.153245, 41.778064, SpatialReferences.Wgs84),
    new MapPoint(-88.146708, 41.778870, SpatialReferences.Wgs84),
    new MapPoint(-88.145878, 41.769764, SpatialReferences.Wgs84),
    new MapPoint(-88.153431, 41.770330, SpatialReferences.Wgs84)
});

var featureServiceUri = new Uri("https://services2.arcgis.com/ZQgQTuoyBrtmoGdP/arcgis/rest/services/WaterDistributionNetwork/FeatureServer");
GeodatabaseSyncTask geodatabaseSyncTask = await GeodatabaseSyncTask.CreateAsync(featureServiceUri);

GenerateGeodatabaseParameters gdbGenerateParameters
    = await geodatabaseSyncTask.CreateDefaultGenerateGeodatabaseParametersAsync(areaOfInterest.Extent);
gdbGenerateParameters.ReturnAttachments = false;

GenerateGeodatabaseJob job = geodatabaseSyncTask.GenerateGeodatabase(gdbGenerateParameters, "path\\to\\file.geodatabase");

// Optionally listen for progress changes
job.ProgressChanged += (o,e) => { };

Geodatabase generateResult = await job.GetResultAsync();

MainMapView.Map.OperationalLayers.AddRange(
    generateResult.GeodatabaseFeatureTables.Select(table => new FeatureLayer(table))
  );

MainMapView.SetViewpointGeometryAsync(areaOfInterest, 50);

1
2
3
4
5
6
7
8
9
10
try
{
    var mobileMapPackage = await MobileMapPackage.OpenAsync(path: "path\\to\\file.mmpk");
    await mobileMapPackage.LoadAsync();
    MainMapView.Map = mobileMapPackage.Maps.First();
}
catch(Exception ex)
{
    // Handle error.
}

1
2
3
4
5
6

var shapefileTable = new ShapefileFeatureTable("\\path\\to\\shapefile.shp");

var shapefileLayer = new FeatureLayer(shapefileTable);

MainMapView.Map.OperationalLayers.Add(shapefileLayer);

Tutorials

ToolsAPIs

Create an offline-enabled web map

Use Map Viewer and the ArcGIS portal to create an offline-enabled web map.

ArcGIS portalMap Viewer

Create an offline map area

Use your portal to create an offline map area from an offline-enabled web map.

ArcGIS portal

Create a mobile map package

Use ArcGIS Pro to create a mobile map package.

ArcGIS Pro

Workflows

Create an app using a web map (ahead of time)

Learn how to build an offline app using an offline-enabled web map using the ahead-of-time method.

Create an app using a web map (on-demand)

Learn how to build an offline app using an offline-enabled web map using the on-demand method.

Create an app using a web map with layers (ahead of time)

Learn how to build an offline app using an offline-enabled web map and feature layer using the ahead-of-time method.

Create an app using a web map with layers (on-demand)

Learn how to build an offline app using an offline-enabled web map and feature layer using the on-demand method.

Create an app using a mobile map package

Learn how to build an offline app using a mobile map package created with ArcGIS Pro.