L.esri.Vector.vectorTileLayer

Extends L.Layer

L.esri.Vector.vectorTileLayer uses the esri-leaflet-vector plugin to display vector tile service layers and their styles published from user data.

Your vector tile service must be published using the Web Mercator Auxiliary Sphere tiling scheme (WKID 102100/3857) and the default scale options used by Google Maps, Bing Maps and ArcGIS Online. The esri-leaflet-vector plugin will not support any other spatial reference for vector tile layers because it relies directly upon maplibre-gl-js.

Constructor

Note: There are two ways to construct this layer with the required key parameter, either with an item ID or service URL of a hosted vector tile layer.

Options

L.esri.Vector.vectorTileLayer accepts all L.Layer options.

1
2
3
4
5
function (style) {
    // make changes to the style object
    // return your style overrides
    return newStyleObj;
}

Methods

L.esri.Vector.vectorTileLayer inherits all methods from L.Layer.

Example

Live sample at an ArcGIS Developers tutorial page.

1
<script src="./esri-leaflet-vector.js"></script>

1
2
3
4
5
6
7
8
9
10
var map = L.map('map').setView([34.02,-118.805], 13);

// using an item ID of an hosted ArcGIS Online content item
// https://esri.maps.arcgis.com/home/item?id=f40326b0dea54330ae39584012807126
L.esri.Vector.vectorTileLayer("f40326b0dea54330ae39584012807126").addTo(map);

// or, using a service URL instead
L.esri.Vector.vectorTileLayer(
    "https://tiles.arcgis.com/tiles/P3ePLMYs2RVChkJx/arcgis/rest/services/Microsoft_Building_Footprints/VectorTileServer"
).addTo(map);