Hosted vector tile layers

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.

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.

1
https://www.arcgis.com/home/item.html?id=<ID>

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.

1
https://<host>/<uniqueID>/arcgis/rest/services/<serviceName>/VectorTileServer

1
https://<host>/<uniqueID>/arcgis/rest/services/<serviceName>/VectorTileServer/resources/styles/root.json

1
https://<host>/<uniqueID>/arcgis/rest/services/<serviceName>/VectorTileServer/tile/{z}/{y}/{x}.pbf

Code examples

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]
    });

Tutorials

Add a feature layer

Access and display point, line, and polygon features from a feature service

JavaScript .NETJava Qt Esri Leaflet MapLibre OpenLayers 

Add a vector tile layer

Access and display a vector tile layer in a map.

JavaScript Esri Leaflet MapLibre OpenLayers 

Add an image tile layer

Access and display an image tile layer in a map.

Esri Leaflet MapLibre OpenLayers 

Style a feature layer

Use symbols and renderers to style feature layers.

JavaScript .NETJava Qt Esri Leaflet MapLibre OpenLayers 

Query a feature layer (spatial)

Execute a spatial query to get features from a feature layer.

JavaScript Esri Leaflet MapLibre OpenLayers ArcGIS REST JS REST 

Query a feature layer (SQL)

Execute a SQL query to access polygon features from a feature layer.

JavaScript Esri Leaflet MapLibre OpenLayers ArcGIS REST JS REST .NET Qt 

Edit feature data

Add, update, and delete features in a feature service.

JavaScript ArcGIS REST JS REST 

Display a popup

Format a popup to show attributes in a feature layer.

JavaScript Esri Leaflet MapLibre OpenLayers 

Services

API support

Tools