Data | OpenLayers | 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 OpenLayers. Use the service URL.
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.

Style a feature layer to a map.

Expand
Use dark colors for code blocksCopy
      const parksLayerName = "Parks_and_Open_Space";
      const parksLayerURL =
        "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/" +
        parksLayerName +
        "/FeatureServer/0/query?where=1%3D1&outFields=*&returnGeometry=true&f=pgeojson";
      const parksLayer = new ol.layer.Vector({
        source: new ol.source.Vector({
          format: new ol.format.GeoJSON(),
          url: parksLayerURL,

          // Attribution text retrieved from https://arcgis.com/home/item.html?id=f2ea5d874dad427294641d2d45097c0e
          attributions: ["Los Angeles GeoHub |"]

        }),
        opacity: 0.2,
        style: parksStyle
      });
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 OpenLayers. Use the service URL.

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.

Create and style a hosted vector tile layer.

Expand
Use dark colors for code blocksCopy
      const parcelsSource = new ol.source.VectorTile({
        format: new ol.format.MVT(),
        url: "https://vectortileservices3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_Mountains_Parcels_VTL/VectorTileServer/tile/{z}/{y}/{x}.pbf",

        // Attribution text retrieved from https://arcgis.com/home/item.html?id=f0298e881b5b4743bbdf2c7d378acc84
        attributions: ["| County of Los Angeles Office of the Assessor"]

      });

      const parcelsLayer = new ol.layer.VectorTile({
        source: parcelsSource
      });

      map.addLayer(parcelsLayer);

      const parcelsStyle = {
        version: 8,
        sources: {
          parcels: {
            type: "vector"
          }
        },
        layers: [

          {
            "id": "parcels-fill",
            "source": "parcels",
            "source-layer": "Santa_Monica_Mountains_Parcels",
            "type": "fill",

            "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"
              ]
            }

          },

          {
            "id": "parcels-outline",
            "source": "parcels",
            "source-layer": "Santa_Monica_Mountains_Parcels",
            "type": "line",

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

          }

        ]

      };

      olms.applyStyle(parcelsLayer, parcelsStyle, {
        updateSource: false
      });
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 OpenLayers. Use the service URL.

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.

Expand
Use dark colors for code blocksCopy
      .then(function (map) {
        const contoursURL = "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Santa_Monica_contours_(map_tiles)/MapServer/tile/{z}/{y}/{x}";

        const contoursSource = new ol.source.XYZ({
          url: contoursURL,

          // Attribution text retrieved from https://arcgis.com/home/item.html?id=5fd812155876416997c1a03e841e8821
          attributions: ["| City of Santa Monica GIS Data"]

        });

        const tileLayer = new ol.layer.Tile({
          source: contoursSource,
          opacity: 0.3
        });

        map.addLayer(tileLayer);
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