Tiled map services are a set of pre-generated images (e.g. "tiles") arranged in folders for each row, column, and zoom level. As you navigate the map, map tiles are requested for the current extent. ArcGISTiledLayer and WMTSLayer are types of tiled map services used for specific data types. WebTiledLayer is useful for displaying other data sources that contain tiles arranged in a row/column/level directory structure, such as OpenStreetMap.
How to use the sample
Run the sample and a map will appear. As you navigate the map, map tiles will be fetched automatically and displayed on the map.
How it works
Create a WebTiledLayer from a URL and a list of subdomains.
Create a new Basemap from the layer.
Update the attribution on the layer. Note: this is a necessary step because web tiled services don't have associated service metadata.
Display the basemap.
Relevant API
Basemap
WebTiledLayer
About the data
The basemap in this sample is provided by Stamen Design. Stamen publishes tiled services based on OpenStreetMap data with several unique styles applied.
Additional information
Web tiled services use a uniform addressing scheme with pre-rendered tiles. Image tiles are accessed via a URL template string, with parameters for subdomain, level, column, and row.
Subdomain is optional and allows Runtime to balance requests among multiple servers for enhanced performance.
Level, row, and column select the tiles to load based on the visible extent of the map.
For more information about web tiled layers, see the following resources:
layer, OGC, Open Street Map, OpenStreetMap, stamen.com, tiled, tiles
Sample Code
LoadWebTiledLayer.cs
Use dark colors for code blocksCopy
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
// Copyright 2018 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.using System.Collections.Generic;
using Esri.ArcGISRuntime.Mapping;
using Esri.ArcGISRuntime.UI.Controls;
using Foundation;
using UIKit;
namespaceArcGISRuntime.Samples.LoadWebTiledLayer{
[Register("LoadWebTiledLayer")]
[ArcGISRuntime.Samples.Shared.Attributes.Sample(
name: "Web tiled layer",
category: "Layers",
description: "Display a tiled web layer.",
instructions: "Run the sample and a map will appear. As you navigate the map, map tiles will be fetched automatically and displayed on the map.",
tags: new[] { "OGC", "Open Street Map", "OpenStreetMap", "layer", "stamen.com", "tiled", "tiles" })]
publicclassLoadWebTiledLayer : UIViewController {
// Hold references to UI controls.private MapView _myMapView;
// Templated URL to the tile service.privateconststring TemplateUri = "https://stamen-tiles-{subdomain}.a.ssl.fastly.net/watercolor/{level}/{col}/{row}.jpg";
// List of subdomains for use when constructing the web tiled layer.privatereadonly List<string> _tiledLayerSubdomains = new List<string> {"a", "b", "c", "d"};
// Attribution string for the Stamen service.privatereadonlystring _attribution = "Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA.";
publicLoadWebTiledLayer() {
Title = "Web tiled layer";
}
privatevoidInitialize() {
// Create the layer from the URL and the subdomain list. WebTiledLayer baseLayer = new WebTiledLayer(TemplateUri, _tiledLayerSubdomains);
// Create a basemap from the layer. Basemap layerBasemap = new Basemap(baseLayer);
// Apply the attribution for the layer. baseLayer.Attribution = _attribution;
// Show the tiled layer basemap. _myMapView.Map = new Map(layerBasemap);
}
publicoverridevoidViewDidLoad() {
base.ViewDidLoad();
Initialize();
}
publicoverridevoidLoadView() {
// Create the views. View = new UIView() { BackgroundColor = ApplicationTheme.BackgroundColor };
_myMapView = new MapView();
_myMapView.TranslatesAutoresizingMaskIntoConstraints = false;
// Add the views. View.AddSubviews(_myMapView);
// Lay out the views. NSLayoutConstraint.ActivateConstraints(new[]
{
_myMapView.TopAnchor.ConstraintEqualTo(View.SafeAreaLayoutGuide.TopAnchor),
_myMapView.BottomAnchor.ConstraintEqualTo(View.BottomAnchor),
_myMapView.LeadingAnchor.ConstraintEqualTo(View.LeadingAnchor),
_myMapView.TrailingAnchor.ConstraintEqualTo(View.TrailingAnchor)
});
}
}
}