Display map tiles

Map tiles for parcels in the Santa Monica mountains area

To display tiles from a map tile service, you need to use a client-side mapping API such as ArcGIS Maps SDKs or open source libraries. In most cases, the APIs support a class you can use to make requests to the map tile service with a service URL. The API is responsible for requesting tiles for the visible map extent.

How to display map tiles

The steps to display map tiles are:

  1. Find the URL for the map tile service you want to display.
  2. Set the service URL for the map tile service.
  3. Add the layer to a map.

To access layer data, use a URL with the host, service name, and path to tiles in {z}/{y}/{x} format.

Use dark colors for code blocksCopy
1
https://{host}/{organizationId}/arcgis/rest/services/{serviceName}>/MapServer/tile/{z}/{y}/{x}

Example: https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Santa_Monica_Mountains_Parcels_Styled_ITL/MapServer/tile/16/26150/11169

Code examples

Display a map tile layer

To display a hosted map tile layer, you reference the hosted map tile layer by ID or URL and then add the layer to a map or scene. The client application requests the tiles from the map tile service for the current zoom level.

Steps

  1. Create a map or scene.
  2. Get the hosted map tile layer URL.
  3. Add the layer.
ArcGIS Maps SDK for JavaScriptArcGIS Maps SDK for JavaScriptArcGIS Maps SDK for .NETArcGIS Maps SDK for KotlinArcGIS Maps SDK for SwiftArcGIS Maps SDK for JavaArcGIS Maps SDK for Qt (C++)ArcGIS Maps SDK for Qt (QML)Esri LeafletMapLibre GL JSOpenLayersCesiumJS
Expand
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
        esriConfig.apiKey = "YOUR_API_KEY"

        const imageLayer = new TileLayer({
          url:
            "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_Mountains_Parcels_Styled_ITL/MapServer",
          maxScale: 0,
        })

Tutorials

Workflows

Services

API support

Use Client APIs to create, manage, and access data services. The table below outlines the level of support for each API.

CreateManageAccess
ArcGIS Maps SDK for JavaScript1
ArcGIS Maps SDK for Kotlin1
ArcGIS Maps SDK for Swift1
ArcGIS Maps SDK for Java1
ArcGIS Maps SDK for .NET1
ArcGIS Maps SDK for Qt1
ArcGIS API for Python
ArcGIS REST JS
Esri Leaflet2
MapLibre GL JS23
OpenLayers23
Full supportPartial supportNo support
  • 1. Use portal class and direct REST API requests
  • 2. Access via ArcGIS REST JS
  • 3. Requires manually setting styles for renderers

Tools

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.