Take a web map offline with additional options for each layer.
Use case
When taking a web map offline, you may adjust the data (such as layers or tiles) that is downloaded by using custom parameter overrides. This can be used to reduce the extent of the map or the download size of the offline map. It can also be used to highlight specific data by removing irrelevant data. Additionally, this workflow allows you to take features offline that don't have a geometry - for example, features whose attributes have been populated in the office, but still need a site survey for their geometry.
How to use the sample
Modify the overrides parameters:
- Use the min/max scale input fields to adjust the level IDs to be taken offline for the streets basemap.
- Use the extent buffer distance input field to set the buffer radius for the streets basemap.
- Check the checkboxes for the feature operational layers you want to include in the offline map.
- Use the min hydrant flow rate input field to only download features with a flow rate higher than this value.
- Select the "Water Pipes" checkbox if you want to crop the water pipe features to the extent of the map.
After you have set up the overrides to your liking, click the "Generate offline map" button to start the download. A progress bar will display. Click the "Cancel" button if you want to stop the download. When the download is complete, the view will display the offline map. Pan around to see that it is cropped to the download area's extent.
How it works
- Load a web map from a
PortalItem
. Authenticate with the portal if required. - Create an
OfflineMapTask
with the map. - Generate default task parameters using the extent area you want to download with
offlineMapTask.CreateDefaultGenerateOfflineMapParametersAsync(extent)
. - Generate additional "override" parameters using the default parameters with
offlineMapTask.CreateGenerateOfflineMapParameterOverridesAsync(parameters)
. - For the basemap:
- Get the parameters
OfflineMapParametersKey
for the basemap layer. - Get the
ExportTileCacheParameters
for the basemap layer withoverrides.ExportTileCacheParameters[basemapParamKey]
. - Set the level IDs you want to download with
exportTileCacheParametersLevelIDs().Add(levelID)
. - To buffer the extent, set the
exportTileCacheParameters.AreaOfInterest
property. B uffered geometry can be calculated with theGeometryEngine
.
- Get the parameters
- To remove operational layers from the download:
- Create a
OfflineParametersKey
with the operational layer. - Get the generate geodatabase layer options using the key with
List<GenerateLayerOption> layerOptions = overrides.GenerateGeodatabaseParameters[key].LayerOptions;
- Loop through each
GenerateLayerOption
in the the list, and remove it if the layer option's ID matches the layer's ID.
- Create a
- To filter the features downloaded in an operational layer:
- Get the layer options for the operational layer using the directions in step 6.
- Loop through the layer options. If the option
LayerID
matches the layer's ID, set the filter clause withlayerOption.WhereClause
property and set the query option withlayerOption.QueryOption
property.
- To not crop a layer's features to the extent of the offline map (default is true):
- Set the
layerOption.UseGeometry
property tofalse
.
- Set the
- Create a
GenerateOfflineMapJob
withofflineMapTask.GenerateOfflineMap(parameters, downloadPath, overrides)
. - Get a reference to the offline map with
job.GetResultAsync()
Relevant API
- ExportTileCacheParameters
- GenerateGeodatabaseParameters
- GenerateLayerOption
- GenerateOfflineMapJob
- GenerateOfflineMapParameterOverrides
- GenerateOfflineMapParameters
- GenerateOfflineMapResult
- OfflineMapParametersKey
- OfflineMapTask
Additional information
For applications where you just need to take all layers offline, use the standard workflow (using only GenerateOfflineMapParameters
). For a simple example of how you take a map offline, please consult the "Generate offline map" sample.
Tags
adjust, download, extent, filter, LOD, offline, override, parameters, reduce, scale range, setting
Sample Code
<UserControl
x:Class="ArcGIS.UWP.Samples.GenerateOfflineMapWithOverrides.GenerateOfflineMapWithOverrides"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:esriUI="using:Esri.ArcGISRuntime.UI.Controls">
<Grid>
<esriUI:MapView x:Name="MyMapView" />
<Border x:Name="TakeOfflineArea" Style="{StaticResource BorderStyle}">
<Grid ColumnSpacing="5" RowSpacing="5">
<Grid.Resources>
<Style TargetType="TextBlock">
<Setter Property="Margin" Value="0,0,0,5" />
</Style>
<Style TargetType="TextBox">
<Setter Property="Margin" Value="0,0,0,5" />
<Setter Property="VerticalContentAlignment" Value="Center"></Setter>
</Style>
<Style TargetType="CheckBox">
<Setter Property="Margin" Value="0,0,0,5" />
</Style>
<Style TargetType="Slider">
<Setter Property="Margin" Value="0,-8,0,0" />
<Setter Property="VerticalAlignment" Value="Center" />
</Style>
</Grid.Resources>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<TextBlock Text="Adjust the basemap"
FontWeight="SemiBold"
Grid.Row="0" Grid.Column="0" />
<TextBlock Text="Min scale:"
Grid.Row="1" Grid.Column="0" />
<Slider x:Name="MinScaleEntry"
Value="0" SnapsTo="StepValues" StepFrequency="1"
Minimum="0" Maximum="23"
Grid.Row="1" Grid.Column="1" />
<TextBlock Text="{Binding ElementName=MinScaleEntry,Path=Value}"
Grid.Row="1" Grid.Column="2" />
<TextBlock Text="Max scale:"
Grid.Row="2" Grid.Column="0" />
<Slider x:Name="MaxScaleEntry"
Value="23" SnapsTo="StepValues" StepFrequency="1"
Minimum="0" Maximum="23"
Grid.Row="2" Grid.Column="1" />
<TextBlock Text="{Binding ElementName=MaxScaleEntry,Path=Value}"
Grid.Row="2" Grid.Column="2" />
<TextBlock Text="Extent buffer distance (m):"
Grid.Row="3" Grid.Column="0" />
<Slider x:Name="ExtentBufferEntry"
Value="250" SnapsTo="StepValues" StepFrequency="1"
Minimum="0" Maximum="500"
Grid.Row="3" Grid.Column="1" />
<TextBlock Text="{Binding ElementName=ExtentBufferEntry,Path=Value}"
Grid.Row="3" Grid.Column="2" />
<TextBlock Text="Choose layers"
FontWeight="SemiBold"
Grid.Row="4" Grid.Column="0" />
<CheckBox x:Name="SysValvesLayerCheckbox"
Content="System Valves"
IsChecked="True"
Grid.Row="5" Grid.Column="0" />
<CheckBox x:Name="ServiceConnCheckbox"
Content="Service Connections"
Grid.Row="6" Grid.Column="0" />
<TextBlock Text="Apply a feature layer filer"
FontWeight="SemiBold"
Grid.Row="7" Grid.Column="0" />
<TextBlock Text="Min Hydrant Flow Rate (GPM):"
VerticalAlignment="Center"
Grid.Row="8" Grid.Column="0" />
<Slider x:Name="FlowRateFilterEntry"
Value="500" SnapsTo="StepValues" StepFrequency="1"
Minimum="0" Maximum="999"
Margin="0,8,0,0"
Grid.Row="8" Grid.Column="1" />
<TextBlock Text="{Binding ElementName=FlowRateFilterEntry,Path=Value}"
Grid.Row="8" Grid.Column="2"
VerticalAlignment="Center"
MinWidth="25" />
<TextBlock Text="Crop layer to extent"
FontWeight="SemiBold"
Grid.Row="9" Grid.Column="0" />
<CheckBox x:Name="CropLayerCheckbox"
Content="Water pipes"
IsChecked="True"
Grid.Row="10" Grid.Column="0" />
<Button Content="Take map offline"
Grid.Row="11" Grid.Column="0" Grid.ColumnSpan="3"
HorizontalAlignment="Stretch"
IsEnabled="True"
Click="TakeMapOfflineButton_Click" />
</Grid>
</Border>
<Border x:Name="MessageArea" Visibility="Collapsed"
Background="White" BorderBrush="Black" BorderThickness="1"
HorizontalAlignment="Right" VerticalAlignment="Top"
Margin="30" Padding="5" Width="450">
<StackPanel>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10"
FontWeight="Bold"
Text="Map is offline!" />
</StackPanel>
</Border>
<Grid x:Name="BusyIndicator" Background="#807f7f7f" Visibility="Collapsed">
<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
<Grid.RowDefinitions>
<RowDefinition Height="auto" />
<RowDefinition Height="auto" />
<RowDefinition Height="auto" />
</Grid.RowDefinitions>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10"
Foreground="White" FontSize="18">
<Run Text="Generating offline map... " />
<Run x:Name="Percentage" Text="" />
</TextBlock>
<ProgressBar x:Name="ProgressBar"
Grid.Row="1"
Minimum="0" Maximum="100"
IsEnabled="True"
HorizontalAlignment="Center" VerticalAlignment="Center"
Width="100" Height="10" Margin="0,0,0,10" />
<Button Grid.Row="2"
Content="Cancel"
Click="CancelJobButton_Click"
HorizontalAlignment="Center"
Width="100" />
</Grid>
</Grid>
<Grid x:Name="LoadingIndicator"
Background="#807f7f7f"
Visibility="Visible">
<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
<Grid.RowDefinitions>
<RowDefinition Height="auto" />
<RowDefinition Height="auto" />
</Grid.RowDefinitions>
<TextBlock Text="Loading online map..."
Foreground="White" FontSize="18"
Margin="10" />
<ProgressBar Grid.Row="1"
IsEnabled="True" IsIndeterminate="True"
Width="100" Height="10"
HorizontalAlignment="Center" VerticalAlignment="Center" />
</Grid>
</Grid>
</Grid>
</UserControl>