Data | Esri Leaflet | Esri Developer

Hosted data servicesData services, also known as hosted data services, are services created dynamically to store and provide access to your data in ArcGIS. Examples are feature services, vector tile services, map tile services, image services, and scene services.Learn more provide a way to store, manage, and access your own geographic data for maps. You can store data in ArcGIS as features, vector tiles, and/or map tiles.

Feature data

A feature serviceA feature service is a data service that provides access to spatial and non-spatial data in feature layers, feature layer views, and tables.Learn more allows you to store, access, and manage collections of featuresA feature is a single record, also known as a row, that represents a real-world entity. It typically contains a geometry (point, multipoint, polyline, or polygon) and attributes but it can also contain just attributes.Learn more. Each collection is known as feature layerA feature layer (client-side) is a data layer that can access and display features from a feature service that has the same type of geometry and attribute fields.Learn more. You can access features in a feature layer with a SQL and/or spatial query. Features can be returned in JSON, GeoJSON, PBF, and other formats. To create a feature service, you import data with the ArcGIS portalArcGIS portal, also known as a portal, is a website with applications and tools that can be used to create, manage, access, and share geospatial content and data. It supports security and authentication, developer credentials, content and data service management, user and group management, and site administration. A portal can be hosted in Esri's infrastructure or your own infrastructure.Learn more. You also use the portal to set the service capabilities, support for editing, access and security, and cache settings.

Steps

Use ArcGIS portal to import your data and create a feature service and feature layer.
Add the feature layer to a map with the Esri Leaflet plugin. Use the service URL or item ID.
Optionally, use a SQL and/or spatial query to select a subset of features.

Style a feature layer

Learn how to use data-driven styling to apply colors and styles to feature data. The features are accessed and displayed on a map with the L.esri.featureLayer class in the Esri Leaflet plugin.

Style a feature layer to a map.

Expand
Use dark colors for code blocksCopy
      L.esri
        .featureLayer({
          url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Parks_and_Open_Space/FeatureServer/0",

          style: (feature) => {
            let style = {
              color: null // no outline color
            };
            if (feature.properties.TYPE === "Natural Areas") {
              style.fillColor = "#9E559C";
            } else if (feature.properties.TYPE === "Regional Open Space") {
              style.fillColor = "#A7C636";
            } else if (feature.properties.TYPE === "Local Park") {
              style.fillColor = "#149ECE";
            } else {
              style.fillColor = "#ED5151";
            }

            return style;
          }

        })
        .addTo(map);
Expand

Go to tutorial

Tutorials

A web map displaying numerous point features scattered across the United States, representing data loaded from a GeoJSON source.

Add a feature layer as GeoJSON

Display and style GeoJSON features from a feature service.

Map of Malibu, California showing trails, trailheads, and parks using colors and icons.

Style a feature layer

Use data-driven styling to apply symbol colors and styles to feature layers.

Map highlighting features returned from a SQL attribute query.

Query a feature layer (SQL)

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

Map with polygons and features highlighted based on spatial relationships.

Query a feature layer (spatial)

Execute a spatial query to access polygon features from a feature service.

Map of Malibu, California with multiple blue location markers representing trails.

Display a pop-up

Display feature attributes in a popup.

Vector tile data

A vector tile serviceA vector tile service is a data service that provides access to vector tile data and a style definition.Learn more allows you to store and style your vector tile data in ArcGIS. Vector tile layers support the Mapbox Style specification and can be styled with the ArcGIS Vector Tile Style Editor. Vector tile services and layers are created from feature services by using ArcGIS portalArcGIS portal, also known as a portal, is a website with applications and tools that can be used to create, manage, access, and share geospatial content and data. It supports security and authentication, developer credentials, content and data service management, user and group management, and site administration. A portal can be hosted in Esri's infrastructure or your own infrastructure.Learn more tools. You can also use the portal to set the security and caching settings.

Steps

Use ArcGIS portal to import your data and create a feature service (and feature layer).
Publish a vector tile layer from the feature layer.
Optionally, style the vector tile layer.
Add the vector tile layer to a map with the Esri Leaflet plugin. Use the service URL or item ID.

Style vector tiles

Learn how to style vector tilesA vector tile layer is a data layer used to access and display tiled data and its corresponding styles.Learn more based on their underlying feature data. The vector tiles are accessed and displayed on a map with the L.esri.Vector.vectorTileLayer class in the Esri Leaflet plugin.

Create and style a hosted vector tile layer.

Expand
Use dark colors for code blocksCopy
      L.esri.Vector.vectorBasemapLayer(basemapEnum, {
        token: accessToken,
        pane: "tilePane"
      }).addTo(map);

      const parcelsUrl = "https://vectortileservices3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_Mountains_Parcels_VTL/VectorTileServer";

      L.esri.Vector.vectorTileLayer(
        parcelsUrl,

        {
          style: function (style) {

            style.layers[0].paint = {
              "fill-color": ["case",
                ["==", ["get", "UseType"], "Residential"], "#E8E191", // Yellow
                ["==", ["get", "UseType"], "Commercial"], "#E580A2", // Red
                ["==", ["get", "UseType"], "Government"], "#79E284", // Green
                ["==", ["get", "UseType"], "Industrial"], "#C080E5", // Purple
                ["==", ["get", "UseType"], "Institutional"], "#80BBE5", // Blue
                "#bfbfbf"
              ]
            };

            style.layers.push({
              "id": "parcels-outline",
              "source": "Santa_Monica_Mountains_Parcels_VTL",
              "source-layer": "Santa_Monica_Mountains_Parcels",
              "type": "line",

              "paint": {
                "line-color": "#000000",
                "line-width": 0.25,
                "line-opacity": 0.25
              }

            });

            return style;
          }
        }

      ).addTo(map);

    </script>
Expand

Go to tutorial

Tutorials

A vector tile layer showing detailed streets and labels for Malibu, California.

Add a vector tile layer

Add a vector tile layer to a map.

Map of Santa Monica, California showing parcels overlaid in different colors.

Style vector tiles

Change the fill and outline color of vector tiles based on their attributes on the client side.

Map tile data

A map tile serviceA map tile service, formerly known as image tile service, is a data service that provides access to static, pre-rendered mao tiles. The tiles are typical in PNG format. Map tiles are typically retrieved by specifying a specific level, row, and column value.Learn more provides access to pre-rendered image tiles (raster tiles) that represent a snapshot of feature data. Map tile services are created from feature services by using ArcGIS portalArcGIS portal, also known as a portal, is a website with applications and tools that can be used to create, manage, access, and share geospatial content and data. It supports security and authentication, developer credentials, content and data service management, user and group management, and site administration. A portal can be hosted in Esri's infrastructure or your own infrastructure.Learn more. You can also use the portal to control the service security, tile scales, and caching settings.

Steps

Use ArcGIS portal to import your data and create a feature service (and feature layer).
Style the feature layer.
Publish a map tile layer from the feature layer.
Add the map tile layer to a map with the Esri Leaflet plugin. Use the service URL or item ID.

Display a map tile layer

Learn how to add a contour map tile layer on top of a basemap. The map tiles are accessed and displayed on a map with the L.esri.tiledMapLayer class in the Esri Leaflet plugin.

Expand
Use dark colors for code blocksCopy
      L.esri.Vector.vectorBasemapLayer(basemapEnum, {
        token: accessToken,

        pane: basemapPane

      }).addTo(map);


      const contoursPane = map.createPane("contours");
      contoursPane.style.zIndex = 400;

      const contoursLayer = L.esri.tiledMapLayer({
        url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_contours_(map_tiles)/MapServer/",
        token: accessToken,

        pane: contoursPane

      });

      contoursLayer.addTo(map);

      contoursLayer.setOpacity(0.5);

    </script>
Expand

Go to tutorial

Feature data

Steps

Style a feature layer

Tutorials

Add a feature layer as GeoJSON

Style a feature layer

Query a feature layer (SQL)

Query a feature layer (spatial)

Display a pop-up

Vector tile data

Steps

Style vector tiles

Tutorials

Add a vector tile layer

Style vector tiles

Map tile data

Steps

Display a map tile layer

More resources