Skip To Content
ArcGIS Developers
Dashboard

Vector Tile Style

Description

This resource returns styles for vector tiles in Mapbox GL Style specification version 8. The response for this styles resource includes the sprite and glyphs properties, with a relative path to the Vector Tile Sprite and Vector Tile Font resources. It also includes the version property, which represents the version of the style specification.

Example usage

Note: This is an example URL only and is not an active link to an existing attachment.

https://services.myserver.com/arcgis/rest/services/Hosted/World/VectorTileServer/resources/styles

JSON Response syntax

{
  "version": <version>,
   "sprite": "../sprites/sprite",
   "glyphs": "../fonts/{fontstack}/{range}.pbf",
   "sources": {...},
   "layers": [...]
  }

JSON Response example

{
   "version": 8,
   "sprite": "../sprites/sprite",
   "glyphs": "../fonts/{fontstack}/{range}.pbf",
   "sources": {
       "esri": {
           "type": "vector",
           "url": "../../"
       }
   },
   "layers": [
       {
           "id": "Graduated Color/GraduatedColor_poly/482025.000000 - 2135252.000000",
           "type": "fill",
           "source": "esri",
           "source-layer": "GraduatedColor_poly",
           "filter": [
               "==",
               "_symbol",
               0
           ],
           "layout": {},
           "paint": {
               "fill-color": "#FFFF80",
               "fill-outline-color": "#6E6E6E"
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_poly/2135252.000001 - 4790311.000000",
           "type": "fill",
           "source": "esri",
           "source-layer": "GraduatedColor_poly",
           "filter": [
               "==",
               "_symbol",
               1
           ],
           "layout": {},
           "paint": {
               "fill-color": "#FAD155",
               "fill-outline-color": "#6E6E6E"
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_poly/4790311.000001 - 9866640.000000",
           "type": "fill",
           "source": "esri",
           "source-layer": "GraduatedColor_poly",
           "filter": [
               "==",
               "_symbol",
               2
           ],
           "layout": {},
           "paint": {
               "fill-color": "#F2A72E",
               "fill-outline-color": "#6E6E6E"
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_poly/9866640.000001 - 20127338.000000",
           "type": "fill",
           "source": "esri",
           "source-layer": "GraduatedColor_poly",
           "filter": [
               "==",
               "_symbol",
               3
           ],
           "layout": {},
           "paint": {
               "fill-color": "#AD5313",
               "fill-outline-color": "#6E6E6E"
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_poly/20127338.000001 - 33090214.000000",
           "type": "fill",
           "source": "esri",
           "source-layer": "GraduatedColor_poly",
           "filter": [
               "==",
               "_symbol",
               4
           ],
           "layout": {},
           "paint": {
               "fill-color": "#6B0000",
               "fill-outline-color": "#6E6E6E"
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_line/0.012504 - 4.886840",
           "type": "line",
           "source": "esri",
           "source-layer": "GraduatedColor_line",
           "filter": [
               "==",
               "_symbol",
               0
           ],
           "layout": {
               "line-cap": "round",
               "line-join": "round"
           },
           "paint": {
               "line-color": "#FFFF80",
               "line-width": 1
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_line/4.886841 - 10.196044",
           "type": "line",
           "source": "esri",
           "source-layer": "GraduatedColor_line",
           "filter": [
               "==",
               "_symbol",
               1
           ],
           "layout": {
               "line-cap": "round",
               "line-join": "round"
           },
           "paint": {
               "line-color": "#FAD155",
               "line-width": 1
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_line/10.196045 - 20.520850",
           "type": "line",
           "source": "esri",
           "source-layer": "GraduatedColor_line",
           "filter": [
               "==",
               "_symbol",
               2
           ],
           "layout": {
               "line-cap": "round",
               "line-join": "round"
           },
           "paint": {
               "line-color": "#F2A72E",
               "line-width": 1
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_line/20.520851 - 39.175259",
           "type": "line",
           "source": "esri",
           "source-layer": "GraduatedColor_line",
           "filter": [
               "==",
               "_symbol",
               3
           ],
           "layout": {
               "line-cap": "round",
               "line-join": "round"
           },
           "paint": {
               "line-color": "#AD5313",
               "line-width": 1
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_line/39.175260 - 76.515412",
           "type": "line",
           "source": "esri",
           "source-layer": "GraduatedColor_line",
           "filter": [
               "==",
               "_symbol",
               4
           ],
           "layout": {
               "line-cap": "round",
               "line-join": "round"
           },
           "paint": {
               "line-color": "#6B0000",
               "line-width": 1
           }
       },
       {
           "id": "Graduated Color/GraduatedColor_point/-99 - 190",
           "type": "symbol",
           "source": "esri",
           "source-layer": "GraduatedColor_point",
           "filter": [
               "==",
               "_symbol",
               0
           ],
           "layout": {
               "symbol-avoid-edges": true,
               "icon-image": "Graduated Color/GraduatedColor_point/-99 - 190",
               "icon-padding": 1
           },
           "paint": {}
       },
       {
           "id": "Graduated Color/GraduatedColor_point/191 - 803",
           "type": "symbol",
           "source": "esri",
           "source-layer": "GraduatedColor_point",
           "filter": [
               "==",
               "_symbol",
               1
           ],
           "layout": {
               "symbol-avoid-edges": true,
               "icon-image": "Graduated Color/GraduatedColor_point/191 - 803",
               "icon-padding": 1
           },
           "paint": {}
       },
       {
           "id": "Graduated Color/GraduatedColor_point/804 - 1680",
           "type": "symbol",
           "source": "esri",
           "source-layer": "GraduatedColor_point",
           "filter": [
               "==",
               "_symbol",
               2
           ],
           "layout": {
               "symbol-avoid-edges": true,
               "icon-image": "Graduated Color/GraduatedColor_point/804 - 1680",
               "icon-padding": 1
           },
           "paint": {}
       },
       {
           "id": "Graduated Color/GraduatedColor_point/1681 - 4687",
           "type": "symbol",
           "source": "esri",
           "source-layer": "GraduatedColor_point",
           "filter": [
               "==",
               "_symbol",
               3
           ],
           "layout": {
               "symbol-avoid-edges": true,
               "icon-image": "Graduated Color/GraduatedColor_point/1681 - 4687",
               "icon-padding": 1
           },
           "paint": {}
       },
       {
           "id": "Graduated Color/GraduatedColor_point/4688 - 6989",
           "type": "symbol",
           "source": "esri",
           "source-layer": "GraduatedColor_point",
           "filter": [
               "==",
               "_symbol",
               4
           ],
           "layout": {
               "symbol-avoid-edges": true,
               "icon-image": "Graduated Color/GraduatedColor_point/4688 - 6989",
               "icon-padding": 1
           },
           "paint": {}
       }
   ]
}