Hosted vector tile layers

A vector tile layer displaying tile data for parcels published as a hosted vector tile layer

What is a hosted vector tile layer?

A hosted vector tile layer is a reference to a vector tile layer in a vector tile service used to store your data. Applications can use a vector tile layer to access and display vector tiles in a map or scene.

You use hosted vector tile layers when you want to:

  • Convert feature layers to vector tile layers.
  • Store and access data as pre-cached (static) vector tiles in PFB format.
  • Provide styles for tiles that are rendered on the client and can be re-styled.
  • Provide high-resolution rendering on different devices.
  • Create and use your own basemap layer styles with the Vector Tile Style Editor.
  • Optimize accessing and displaying large amounts of data as tiles.
  • Use vector tile data in offline applications.

How a hosted vector tile layer works

You create hosted vector tile layers by using data management tools to convert a hosted feature layer to a hosted vector tile layer. This process is known as publishing a vector tile layer. When a vector tile layer is created, an item and a vector tile service are created. The item ID is a unique identifier for the layer. You use an item page to manage the layer and the service to access the data.

Data hosting

Access hosted vector tile layers and vector tile services from your applications.

Manage a vector tile layer

An item page allows you to manage the properties and settings for a hosted vector tile layer. You can access an item page by signing in to your developer dashboard or ArcGIS Online. Once signed in, you can set properties such as the name, description, tags, and sharing settings.

View a vector tile layer item page

To access an item page directly, use a portal search URL with the item ID. The portal URL for data hosted in ArcGIS is https://www.arcgis.com. To use this URL, the item must be shared publicly.

Use dark colors for code blocksCopy
 
1
https://www.arcgis.com/home/item.html?id=<ID>

Example: https://www.arcgis.com/home/item.html?id=f0298e881b5b4743bbdf2c7d378acc84

Access a vector tile layer

You can discover information about a vector tile layer by accessing the service endpoint directly. The endpoint returns properties such as the layer name, item ID, spatial reference, extent, and tile and style information.

Get vector tile layer properties

To access the vector tile layer or get properties, use a URL with the host, unique service ID, and service name.

Use dark colors for code blocksCopy
 
1
https://<host>/<uniqueID>/arcgis/rest/services/<serviceName>/VectorTileServer

Example: https://vectortileservices3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_Mountains_Parcels_VTL/VectorTileServer/?f=pjson

Get vector tile styles

To access the service styles, use a URL with the host, unique service ID, and path to root.json.

Use dark colors for code blocksCopy
 
1
https://<host>/<uniqueID>/arcgis/rest/services/<serviceName>/VectorTileServer/resources/styles/root.json

Example: https://vectortileservices3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_Mountains_Parcels_VTL/VectorTileServer/resources/styles/root.json

Get vector tile layer data

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

Use dark colors for code blocksCopy
 
1
https://<host>/<uniqueID>/arcgis/rest/services/<serviceName>/VectorTileServer/tile/{z}/{y}/{x}.pbf

Example: https://vectortileservices3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_Mountains_Parcels_VTL/VectorTileServer/tile/12/1635/695.pbf

Examples

Display a vector tile layer

To display a hosted vector tile layer, you reference the layer by its URL or ID, and then add it to a map or scene. The API communicates with the service to retrieve data for the current visible extent. ArcGIS APIs optimize data access by utilizing the service functionality and caching.

Steps

  1. Create a map or scene.
  2. Get the hosted vector tile layer URL.
  3. Add the layer.
ArcGIS API for JavaScriptArcGIS API for JavaScriptEsri LeafletMapLibre GL JSOpenLayersArcGIS Runtime API for .NETArcGIS Runtime API for AndroidArcGIS Runtime API for iOSArcGIS Runtime API for JavaArcGIS Runtime API for Qt (C++)ArcGIS Runtime API for Qt (QML)
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
65
66
    esriConfig.apiKey = "YOUR_API_KEY";

    const parcelsLayer = new VectorTileLayer({
      url: "https://vectortileservices3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_Mountains_Parcels_Styled/VectorTileServer/resources/styles/root.json",
      opacity: 0.75
    });

    const map = new Map({
      basemap: "arcgis-light-gray",
      layers: [parcelsLayer]
    });
Expand

Tutorials

Services

Feature service

Add, update, delete, and query feature data.


Vector tile service

Store and access vector tile data.


Image tile service

Store and access image tile data.

API support

Tools

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