Take a web map offline.

Use case
Taking a web map offline allows users continued productivity when their network connectivity is poor or nonexistent. For example, by taking a map offline, a field worker inspecting utility lines in remote areas could still access a feature’s location and attribute information.
How to use the sample
When the map loads, zoom to the extent you want to take offline. The red border shows the extent that will be downloaded. Tap the “Generate offline map” button to start the offline map job. The progress view will show the job’s progress. When complete, the offline map will replace the online map in the map view.
How it works
- Create a
Mapwith aPortalitem pointing to the web map. - Create
GenerateOfflineMapParametersspecifying the download area geometry, minimum scale, and maximum scale. - Create an
OfflineMapTaskwith the map. - Create the
OfflineMapJobwithOfflineMapTask::generateOfflineMap(params, downloadDirectoryPath)and start it withOfflineMapJob::start(). - When the job is done, get the offline map with
OfflineMapJob::result()::offlineMap().
Relevant API
- GenerateOfflineMapJob
- GenerateOfflineMapParameters
- GenerateOfflineMapResult
- OfflineMapTask
- Portal
About the data
The map used in this sample shows the stormwater network within Naperville, IL, USA, with cartography designed for web and mobile devices with offline support.
Additional information
The creation of the offline map can be fine-tuned using parameter overrides for feature layers, or by using local basemaps. For examples on these, please consult the samples, “Generate Offline Map (Overrides)” and “Generate offline map with local basemap”.
Tags
download, offline, save, web map
Sample Code
// Copyright 2017 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.
import QtQuick
// Create the download button to export the tile cacheRectangle { property bool pressed: false signal buttonClicked()
width: 190 height: 35 color: pressed ? "#959595" : "#D6D6D6" radius: 5 border { color: "#585858" width: 1 }
Row { anchors.fill: parent spacing: 5 Image { width: 38 height: width source: "qrc:/Samples/Maps/GenerateOfflineMap/download.png" } Text { anchors.verticalCenter: parent.verticalCenter text: "Generate Offline Map" font.pixelSize: 14 color: "#474747" } }
MouseArea { anchors.fill: parent onPressed: downloadButton.pressed = true onReleased: downloadButton.pressed = false onClicked: { buttonClicked(); } }}// [WriteFile Name=GenerateOfflineMap, Category=Maps]// [Legal]// Copyright 2017 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.// [Legal]
#ifdef PCH_BUILD#include "pch.hpp"#endif // PCH_BUILD
// sample headers#include "GenerateOfflineMap.h"
// ArcGIS Maps SDK headers#include "Envelope.h"#include "Error.h"#include "GenerateOfflineMapJob.h"#include "GenerateOfflineMapParameters.h"#include "GenerateOfflineMapResult.h"#include "GeometryEngine.h"#include "Layer.h"#include "Map.h"#include "MapQuickView.h"#include "OfflineMapTask.h"#include "Point.h"#include "Portal.h"#include "PortalItem.h"#include "SpatialReference.h"#include "TaskTypes.h"
// Qt headers#include <QFuture>#include <QUuid>
using namespace Esri::ArcGISRuntime;
const QString GenerateOfflineMap::s_webMapId = QStringLiteral("acc027394bc84c2fb04d1ed317aac674");
GenerateOfflineMap::GenerateOfflineMap(QQuickItem* parent /* = nullptr */): QQuickItem(parent){}
void GenerateOfflineMap::init(){ // Register the map view for QML qmlRegisterType<MapQuickView>("Esri.Samples", 1, 0, "MapView"); qmlRegisterType<GenerateOfflineMap>("Esri.Samples", 1, 0, "GenerateOfflineMapSample");}
void GenerateOfflineMap::componentComplete(){ QQuickItem::componentComplete();
// find QML MapView component m_mapView = findChild<MapQuickView*>("mapView");
// Create a Portal Item for use by the Map and OfflineMapTask bool loginRequired = false; Portal* portal = new Portal(loginRequired, this); PortalItem* portalItem = new PortalItem(portal, webMapId(), this);
// Create a map from the Portal Item m_map = new Map(portalItem, this);
// Update property once map is done loading connect(m_map, &Map::doneLoading, this, [this](const Error& e) { if (!e.isEmpty()) return;
m_mapLoaded = true; emit mapLoadedChanged(); });
// Set map to map view m_mapView->setMap(m_map);
// Create the OfflineMapTask with the online map m_offlineMapTask = new OfflineMapTask(m_map, this);
// connect to the error signal connect(m_offlineMapTask, &OfflineMapTask::errorOccurred, this, [](const Error& e) { if (e.isEmpty()) return;
qDebug() << e.message() << e.additionalMessage(); });}
void GenerateOfflineMap::generateMapByExtent(double xCorner1, double yCorner1, double xCorner2, double yCorner2){ // create an envelope from the QML rectangle corners const Point corner1 = m_mapView->screenToLocation(xCorner1, yCorner1); const Point corner2 = m_mapView->screenToLocation(xCorner2, yCorner2); const Envelope extent = Envelope(corner1, corner2); const Envelope mapExtent = geometry_cast<Envelope>(GeometryEngine::project(extent, SpatialReference::webMercator()));
// generate parameters m_offlineMapTask->createDefaultGenerateOfflineMapParametersAsync(mapExtent).then(this, [this](const GenerateOfflineMapParameters& params) { // Take the map offline once the parameters are generated GenerateOfflineMapJob* generateJob = m_offlineMapTask->generateOfflineMap(params, m_tempPath.path() + "/offlinemap");
// check if there is a valid job if (generateJob) { // connect to the job's status changed signal connect(generateJob, &GenerateOfflineMapJob::statusChanged, this, [this, generateJob](JobStatus jobStatus) { // connect to the job's status changed signal to know once it is done switch (jobStatus) { case JobStatus::Failed: emit updateStatus("Generate failed"); emit hideWindow(5000, false); break; case JobStatus::NotStarted: emit updateStatus("Job not started"); break; case JobStatus::Paused: emit updateStatus("Job paused"); break; case JobStatus::Started: emit updateStatus("In progress"); break; case JobStatus::Succeeded: // show any layer errors if (generateJob->result()->hasErrors()) { QString layerErrors = ""; const QMap<Layer*, Error>& layerErrorsMap = generateJob->result()->layerErrors(); for (auto it = layerErrorsMap.cbegin(); it != layerErrorsMap.cend(); ++it) { layerErrors += it.key()->name() + ": " + it.value().message() + "\n"; } emit showLayerErrors(layerErrors); }
// show the map emit updateStatus("Complete"); emit hideWindow(1500, true); m_mapView->setMap(generateJob->result()->offlineMap(this)); break; default: break; } });
// connect to progress changed signal connect(generateJob, &GenerateOfflineMapJob::progressChanged, this, [this, generateJob]() { emit updateProgress(generateJob->progress()); });
// connect to the error signal connect(generateJob, &GenerateOfflineMapJob::errorOccurred, this, [](const Error& e) { if (e.isEmpty()) return;
qDebug() << e.message() << e.additionalMessage(); });
// start the generate job generateJob->start(); } else { emit updateStatus("Export failed"); emit hideWindow(5000, false); } });}// [WriteFile Name=GenerateOfflineMap, Category=Maps]// [Legal]// Copyright 2017 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.// [Legal]
#ifndef GENERATEOFFLINEMAP_H#define GENERATEOFFLINEMAP_H
// Qt headers#include <QQuickItem>#include <QTemporaryDir>
namespace Esri::ArcGISRuntime{class Map;class MapQuickView;class OfflineMapTask;}
class GenerateOfflineMap : public QQuickItem{ Q_OBJECT
Q_PROPERTY(bool mapLoaded MEMBER m_mapLoaded NOTIFY mapLoadedChanged)
public: explicit GenerateOfflineMap(QQuickItem* parent = nullptr); ~GenerateOfflineMap() override = default;
void componentComplete() override; static void init();
public: Q_INVOKABLE void generateMapByExtent(double xCorner1, double yCorner1, double xCorner2, double yCorner2);
signals: void mapLoadedChanged(); void hideWindow(int time, bool success); void updateStatus(const QString& status); void updateProgress(int progress); void showLayerErrors(const QString& error);
private: static const QString webMapId() { return s_webMapId; }
private: Esri::ArcGISRuntime::Map* m_map = nullptr; Esri::ArcGISRuntime::MapQuickView* m_mapView = nullptr; Esri::ArcGISRuntime::OfflineMapTask* m_offlineMapTask = nullptr; static const QString s_webMapId; bool m_mapLoaded = false; QTemporaryDir m_tempPath;};
#endif // GENERATEOFFLINEMAP_H// [WriteFile Name=GenerateOfflineMap, Category=Maps]// [Legal]// Copyright 2017 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.// [Legal]
import QtQuickimport QtQuick.Controlsimport QtQuick.Layoutsimport Esri.Samples
GenerateOfflineMapSample { id: offlineMapSample clip: true width: 800 height: 600
onUpdateStatus: status => generateWindow.statusText = status; onUpdateProgress: progress => generateWindow.progressText = progress; onHideWindow: (time, success) => { generateWindow.hideWindow(time);
if (success) { extentRectangle.visible = false; downloadButton.visible = false; } }
onShowLayerErrors: { msgDialog.detailedText = error; msgDialog.open(); }
// add a mapView component MapView { id: mapView anchors.fill: parent objectName: "mapView"
Component.onCompleted: { // Set the focus on MapView to initially enable keyboard navigation forceActiveFocus(); }
// Create a button and anchor it to the attribution top DownloadButton { id: downloadButton anchors { horizontalCenter: parent.horizontalCenter bottom: mapView.attributionTop margins: 5 } visible: mapLoaded
onButtonClicked: { generateMapByExtent(extentRectangle.x, extentRectangle.y, (extentRectangle.x + extentRectangle.width), (extentRectangle.y + extentRectangle.height)); generateWindow.visible = true; } } }
// Create an extent rectangle for selecting the offline area Rectangle { id: extentRectangle anchors.centerIn: parent width: parent.width - 50 height: parent.height - 125 color: "transparent" visible: mapLoaded border { color: "red" width: 3 } }
GenerateWindow { id: generateWindow anchors.fill: parent }
Dialog { id: msgDialog modal: true x: Math.round(parent.width - width) / 2 y: Math.round(parent.height - height) / 2 standardButtons: Dialog.Ok title: "Layer Errors" property alias text : textLabel.text property alias detailedText : detailsLabel.text ColumnLayout { Text { id: textLabel text: "Some layers could not be taken offline." } Text { id: detailsLabel } } }}// Copyright 2017 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.
import QtQuickimport QtQuick.Controls
Rectangle { id: exportWindow color: "transparent" visible: false clip: true
property string statusText: "Starting" property string progressText: "0"
Rectangle { anchors.fill: parent color: "#60000000" }
MouseArea { anchors.fill: parent onClicked: mouse => mouse.accepted = true onWheel: wheel => wheel.accepted = true }
Rectangle { anchors.centerIn: parent width: 135 height: 100 color: "lightgrey" opacity: 0.8 radius: 5 border { color: "#4D4D4D" width: 1 }
Column { anchors { fill: parent margins: 10 } spacing: 10
BusyIndicator { anchors.horizontalCenter: parent.horizontalCenter }
Text { anchors.horizontalCenter: parent.horizontalCenter text: "%1: %2%".arg(statusText).arg(progressText) font.pixelSize: 16 } } }
Timer { id: hideWindowTimer
onTriggered: parent.visible = false; }
function hideWindow(time) { hideWindowTimer.interval = time; hideWindowTimer.restart(); }}// [Legal]// Copyright 2017 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.// [Legal]
// sample headers#include "GenerateOfflineMap.h"
// ArcGIS Maps SDK headers#include "ArcGISRuntimeEnvironment.h"
// Qt headers#include <QCommandLineParser>#include <QDir>#include <QGuiApplication>#include <QQmlEngine>#include <QQuickView>
// Platform specific headers#ifdef Q_OS_WIN#include <Windows.h>#endif
#define STRINGIZE(x) #x#define QUOTE(x) STRINGIZE(x)
int main(int argc, char *argv[]){ Esri::ArcGISRuntime::ArcGISRuntimeEnvironment::setUseLegacyAuthentication(false); QGuiApplication app(argc, argv); app.setApplicationName(QString("GenerateOfflineMap"));
// Use of ArcGIS location services, such as basemap styles, geocoding, and routing services, // requires an access token. For more information see // https://links.esri.com/arcgis-runtime-security-auth.
// The following methods grant an access token:
// 1. User authentication: Grants a temporary access token associated with a user's ArcGIS account. // To generate a token, a user logs in to the app with an ArcGIS account that is part of an // organization in ArcGIS Online or ArcGIS Enterprise.
// 2. API key authentication: Get a long-lived access token that gives your application access to // ArcGIS location services. Go to the tutorial at https://links.esri.com/create-an-api-key. // Copy the API Key access token.
const QString accessToken = QString("");
if (accessToken.isEmpty()) { qWarning() << "Use of ArcGIS location services, such as the basemap styles service, requires" << "you to authenticate with an ArcGIS account or set the API Key property."; } else { Esri::ArcGISRuntime::ArcGISRuntimeEnvironment::setApiKey(accessToken); }
// Initialize the sample GenerateOfflineMap::init();
// Initialize application view QQuickView view; view.setResizeMode(QQuickView::SizeRootObjectToView);
QString arcGISRuntimeImportPath = QUOTE(ARCGIS_RUNTIME_IMPORT_PATH);
#if defined(LINUX_PLATFORM_REPLACEMENT) // on some linux platforms the string 'linux' is replaced with 1 // fix the replacement paths which were created QString replaceString = QUOTE(LINUX_PLATFORM_REPLACEMENT); arcGISRuntimeImportPath = arcGISRuntimeImportPath.replace(replaceString, "linux", Qt::CaseSensitive);#endif
// Add the import Path view.engine()->addImportPath(QDir(QCoreApplication::applicationDirPath()).filePath("qml")); // Add the Runtime and Extras path view.engine()->addImportPath(arcGISRuntimeImportPath);
// Set the source view.setSource(QUrl("qrc:/Samples/Maps/GenerateOfflineMap/GenerateOfflineMap.qml"));
view.show();
return app.exec();}