FeatureLayerView

Class: esri/views/layers/FeatureLayerView
Inheritance: FeatureLayerViewLayerViewAccessor
Since: ArcGIS Maps SDK for JavaScript 4.0

Represents the LayerView of a FeatureLayer after it has been added to a Map in either a MapView or SceneView.

The FeatureLayerView is responsible for rendering a FeatureLayer's features as graphics in the View. The methods in the FeatureLayerView provide developers with the ability to query and highlight graphics in the view. See the code snippets in the methods below for examples of how to access client-side graphics from the view.

See also

Property Overview

Any properties can be set, retrieved or listened to. See the Watch for changes topic.
Show inherited properties Hide inherited properties
Name Type Summary Class

A list of attribute fields fetched for each feature including fields required for layer's rendererlabelingInfo, elevationInfo, and additional fields defined on the outFields properties.

FeatureLayerView

Indicates whether the layer view is currently fetching new features.

FeatureLayerView

The name of the class.

Accessor

The featureEffect can be used to draw attention features of interest.

FeatureLayerView

The attribute, geometry, and time extent filter.

FeatureLayerView

Indicates whether the layer view contains all available features from the service.

FeatureLayerView

Indicates whether the layer view has successfully queried all of its features for the current view.

FeatureLayerView

Indicates whether the layer view has geometries at full resolution.

FeatureLayerView

Options for configuring the highlight.

FeatureLayerView

The layer being viewed.

FeatureLayerView

The maximum number of features that can be displayed at a time.

FeatureLayerView

Signifies whether the maximum number of features has been exceeded.

FeatureLayerView

Indicates if the spatialReference of the MapView is supported by the layer view.

LayerView

Value is true if the layer is suspended (i.e., layer will not redraw or update itself when the extent changes).

LayerView

Indicates if the layer view is making any updates that will impact what is displayed on the map.

LayerView

A reference to the MapView or SceneView associated with the layer view.

LayerView

When true, the layer is visible in the view.

LayerView

When true, the layer is visible in the view at the current scale.

LayerView

When true, the layer is visible in the view's timeExtent.

LayerView

Property Details

availableFields

Property
availableFields String[]readonly
Since: ArcGIS Maps SDK for JavaScript 4.11 FeatureLayerView since 4.0, availableFields added at 4.11.

A list of attribute fields fetched for each feature including fields required for layer's renderer labelingInfo, elevationInfo, and additional fields defined on the outFields properties. The availableFields property is populated when the layerView has finished updating. The availableFields is used when filtering or querying features on the client-side.

Example
const layerView = await view.whenLayerView(layer);

// availableFields will become available once the
// layerView finishes updating
await reactiveUtils.whenOnce(() => !layerView.updating);

try {
  const results = await layerView.queryFeatures({
    outFields: layerView.availableFields,
    where: "DEW_POINT > 10"
  });
  console.log(results.features.length, " features returned");
} catch(error) {
  console.log("query failed: ", error);
}

dataUpdating

Property
dataUpdating Booleanreadonly
Since: ArcGIS Maps SDK for JavaScript 4.28 FeatureLayerView since 4.0, dataUpdating added at 4.28.

Indicates whether the layer view is currently fetching new features. It becomes false once all layer queries have finished executing. Watch this property along with updating property to know when to re-execute client-side queries after an update cycle. For example, a query that returns the number of features available in the layer view should be executed when dataUpdating becomes false. It's important to note that dataUpdating can only be true when updating is also true.

Example
// watch layer view updating and dataUpdating to get the count of features
// available in layer view. Only execute the query once new features are fetched.
let dataWasUpdated = lv.dataUpdating;
reactiveUtils.watch(() => [lv.updating, lv.dataUpdating],
  ([updating, dataUpdating]) => {
  dataWasUpdated ||= dataUpdating;
  if (!updating && dataWasUpdated) {
   dataWasUpdated = false;
   lv.queryFeatureCount().then((results)=>{
      console.log("number of features in layerView", results);
    });
  }
});

declaredClass

Inherited
Property
declaredClass Stringreadonly
Inherited from Accessor
Since: ArcGIS Maps SDK for JavaScript 4.7 Accessor since 4.0, declaredClass added at 4.7.

The name of the class. The declared class name is formatted as esri.folder.className.

featureEffect

Property
featureEffect FeatureEffect |null |undefinedautocast
Since: ArcGIS Maps SDK for JavaScript 4.22 FeatureLayerView since 4.0, featureEffect added at 4.22.

The featureEffect can be used to draw attention features of interest. It allows for the selection of features via a filter, and an includedEffect and excludedEffect are applied to those features that respectively pass or fail the filter requirements.

If the featureEffect is set on the layer, it will be inherited by layerView.featureEffect unless the developer overrides it on the layerView. The layerView.featureEffect will take precedence over layer.featureEffect if both properties are set.

Known Limitations

Examples
// gray out features that fall outside of the 3 mile buffer of the mouse's location
// by setting feature effect on excluded features
layerView.featureEffect = new FeatureEffect({
  filter: new FeatureFilter({
    geometry: filterGeometry,
    spatialRelationship: "intersects",
    distance: 3,
    units: "miles"
  }),
  excludedEffect: "grayscale(100%) opacity(30%)"
});
// Apply a drop-shadow feature effect to the features that intersect the borough boundaries,
// while applying blur and brightness effects to the features that are excluded from filter criteria.
// The resulting map will make it easier to spot if the residents are more likely to experience deprivation
// if they live on a borough boundary.
const featureFilter = new FeatureFilter({
  where: "BoroughEdge='true'"
});
layerView.featureEffect = new FeatureEffect({
  filter: featureFilter,
  includedEffect: "drop-shadow(3px, 3px, 3px, black)",
  excludedEffect: "blur(1px) brightness(65%)"
});

filter

Property
filter FeatureFilterautocast
Since: ArcGIS Maps SDK for JavaScript 4.11 FeatureLayerView since 4.0, filter added at 4.11.

The attribute, geometry, and time extent filter. Only the features that satisfy the filter are displayed on the view.

Example
// display rain gauges where their water percent is over 30%
// and if the gauges are completely contained by the 10-mile
// buffer around the filter geometry
featureLayerView.filter = new FeatureFilter({
  where: "percentile >= 30",
  geometry: filterPolygon,
  spatialRelationship: "contains",
  distance: 10,
  units: "miles"
});

hasAllFeatures

Property
hasAllFeatures Booleanreadonly
Since: ArcGIS Maps SDK for JavaScript 4.29 FeatureLayerView since 4.0, hasAllFeatures added at 4.29.

Indicates whether the layer view contains all available features from the service. In a 2D MapView, it returns true for point feature layers when all points have been loaded by the application. Similarly, in a 3D SceneView, it returns true for point, line, and polygon feature layers if all available features have been successfully loaded. Otherwise, it returns false. This property should be checked only once after the layer has finished loading and fetching its data.

hasAllFeaturesInView

Property
hasAllFeaturesInView Booleanreadonly
Since: ArcGIS Maps SDK for JavaScript 4.29 FeatureLayerView since 4.0, hasAllFeaturesInView added at 4.29.

Indicates whether the layer view has successfully queried all of its features for the current view. It returns true if the query was successful, even if no features are present (e.g., the result is zero). If the query fails, it returns false. This property helps assess whether the layer view has retrieved all relevant data for the current extent.

hasFullGeometries

Property
hasFullGeometries Booleanreadonly
Since: ArcGIS Maps SDK for JavaScript 4.29 FeatureLayerView since 4.0, hasFullGeometries added at 4.29.

Indicates whether the layer view has geometries at full resolution. This property returns true only if the layer has loaded all geometries at full resolution without quantization. In a 2D MapView, it returns true for point feature layers when all points have been loaded by the application. Similarly, in a 3D SceneView, it returns true for point, line, and polygon feature layers if all available features have been successfully loaded. Otherwise, it returns false. This property should be checked only once after the layer has finished loading and fetching its data.

highlightOptions

Property
highlightOptions HighlightOptions
Since: ArcGIS Maps SDK for JavaScript 4.26 FeatureLayerView since 4.0, highlightOptions added at 4.26.

Options for configuring the highlight. Use the highlight() method on the layer view to highlight a feature. The layerView's highlightOptions will take precedence over the view's highlightOptions if both properties are set.

Known Limitations

  • The highlightOptions on layer views are only supported in 2D MapView.
Example
// Features in the layerview will be highlighted with bright
// yellow colors in the map.
const layerView = await view.whenLayerView(layer);
layerView.highlightOptions = {
  color: [255, 255, 0, 1],
  haloOpacity: 0.9,
  fillOpacity: 0.2
};

layer

Property
layer FeatureLayerreadonly

The layer being viewed.

maximumNumberOfFeatures

Property
maximumNumberOfFeatures Number
Since: ArcGIS Maps SDK for JavaScript 4.10 FeatureLayerView since 4.0, maximumNumberOfFeatures added at 4.10.

The maximum number of features that can be displayed at a time. This setting currently only applies to SceneView. By default, the maximum number of features is estimated automatically depending on the symbology, geometry complexity, memory consumption and display quality profile.

Changing this setting to a higher value may lead to a significant decrease in performance and increase in memory usage.

Known Limitations

The maximumNumberOfFeatures is only supported in 3D SceneViews.

maximumNumberOfFeaturesExceeded

Property
maximumNumberOfFeaturesExceeded Boolean
Since: ArcGIS Maps SDK for JavaScript 4.10 FeatureLayerView since 4.0, maximumNumberOfFeaturesExceeded added at 4.10.

Signifies whether the maximum number of features has been exceeded. Not all features could be displayed when this value is true. This setting currently only applies to SceneView.

Known Limitations

The maximumNumberOfFeaturesExceeded is only supported in 3D SceneViews.

spatialReferenceSupported

Inherited
Property
spatialReferenceSupported Booleanreadonly
Inherited from LayerView
Since: ArcGIS Maps SDK for JavaScript 4.23 LayerView since 4.0, spatialReferenceSupported added at 4.23.

Indicates if the spatialReference of the MapView is supported by the layer view. When false layer view will be suspended.

See also

suspended

Inherited
Property
suspended Booleanreadonly
Inherited from LayerView

Value is true if the layer is suspended (i.e., layer will not redraw or update itself when the extent changes).

updating

Inherited
Property
updating Booleanreadonly
Inherited from LayerView

Indicates if the layer view is making any updates that will impact what is displayed on the map. For example, this value is true when renderer, definitionExpression, filter or effect is changed or if the layer view is in the process of the fetching data.

Watch dataUpdating property instead to only know when the data has been updated (e.g. to run statistics query on all feature available in the layer view).

Default Value:false
Example
// Check for the first time layerView.updating becomes false. Then query for
// features that are visible within the view associated with the layer view.
await reactiveUtils.whenOnce(() => !layerView.updating);
const query = layerView.createQuery();
query.geometry = layerView.view.extent;
const result = layerView.queryFeatures(query);

view

Inherited
Property
view MapView |SceneViewreadonly
Inherited from LayerView
Since: ArcGIS Maps SDK for JavaScript 4.28 LayerView since 4.0, view added at 4.28.

A reference to the MapView or SceneView associated with the layer view.

Example
// Check for the first time layerView.updating becomes false. Then query for
// features that are visible within the view associated with the layer view.
await reactiveUtils.whenOnce(() => !layerView.updating);
const query = layerView.createQuery();
query.geometry = layerView.view.extent;
const result = layerView.queryFeatures(query);

visible

Inherited
Property
visible Boolean
Inherited from LayerView

When true, the layer is visible in the view. Value of this property is inherited from the layer.visible unless the developer overrides it. The layerView.visible will take precedence over layer.visible if both properties are set.

Default Value:true

visibleAtCurrentScale

Inherited
Property
visibleAtCurrentScale Booleanreadonly
Inherited from LayerView
Since: ArcGIS Maps SDK for JavaScript 4.30 LayerView since 4.0, visibleAtCurrentScale added at 4.30.

When true, the layer is visible in the view at the current scale. This applies to layers that have minScale and maxScale properties set.

Known Limitations

  • This property is not supported in 3D SceneView tiled layers.
Default Value:true
See also

visibleAtCurrentTimeExtent

Inherited
Property
visibleAtCurrentTimeExtent Booleanreadonly
Inherited from LayerView
Since: ArcGIS Maps SDK for JavaScript 4.30 LayerView since 4.0, visibleAtCurrentTimeExtent added at 4.30.

When true, the layer is visible in the view's timeExtent. This applies to layers that have a visibilityTimeExtent.

Default Value:true
See also

Method Overview

Show inherited methods Hide inherited methods
Name Return Type Summary Class

Adds one or more handles which are to be tied to the lifecycle of the object.

Accessor

Creates query parameter object that can be used to fetch aggregate features as they are being displayed.

FeatureLayerView

Creates a query parameter object that can be used to fetch features as they are being displayed.

FeatureLayerView

Returns true if a named group of handles exist.

Accessor

Highlights the given feature(s) in a layer view.

FeatureLayerView

isFulfilled() may be used to verify if creating an instance of the class is fulfilled (either resolved or rejected).

LayerView

isRejected() may be used to verify if creating an instance of the class is rejected.

LayerView

isResolved() may be used to verify if creating an instance of the class is resolved.

LayerView
Promise<FeatureSet>

Executes a Query against aggregate features (i.e.

FeatureLayerView
Promise<Object>

Executes a Query against features available for drawing in the layerView and returns the Extent of features that satisfy the query.

FeatureLayerView
Promise<Number>

Executes a Query against features available for drawing in the layerView and returns the number of features that satisfy the query.

FeatureLayerView
Promise<FeatureSet>

Executes a Query against features available for drawing in the layerView and returns a FeatureSet.

FeatureLayerView
Promise<Number[]>

Executes a Query against features available for drawing in the layerView and returns array of the ObjectIDs of features that satisfy the input query.

FeatureLayerView

Removes a group of handles owned by the object.

Accessor
Promise

when() may be leveraged once an instance of the class is created.

LayerView

Method Details

addHandles

Inherited
Method
addHandles(handleOrHandles, groupKey)
Inherited from Accessor
Since: ArcGIS Maps SDK for JavaScript 4.25 Accessor since 4.0, addHandles added at 4.25.

Adds one or more handles which are to be tied to the lifecycle of the object. The handles will be removed when the object is destroyed.

// Manually manage handles
const handle = reactiveUtils.when(
  () => !view.updating,
  () => {
    wkidSelect.disabled = false;
  },
  { once: true }
);

this.addHandles(handle);

// Destroy the object
this.destroy();
Parameters
handleOrHandles WatchHandle|WatchHandle[]

Handles marked for removal once the object is destroyed.

groupKey *
optional

Key identifying the group to which the handles should be added. All the handles in the group can later be removed with Accessor.removeHandles(). If no key is provided the handles are added to a default group.

createAggregateQuery

Method
createAggregateQuery(){Query}
Since: ArcGIS Maps SDK for JavaScript 4.25 FeatureLayerView since 4.0, createAggregateQuery added at 4.25.

Creates query parameter object that can be used to fetch aggregate features as they are being displayed. It sets the query parameter's outFields property to ["*"] and returnGeometry to true. The output spatial reference outSpatialReference is set to the spatial reference of the view.

Returns
Type Description
Query The query parameter object.
See also

createQuery

Method
createQuery(){Query}
Since: ArcGIS Maps SDK for JavaScript 4.12 FeatureLayerView since 4.0, createQuery added at 4.12.

Creates a query parameter object that can be used to fetch features as they are being displayed. It sets the query parameter's outFields property to ["*"] and returnGeometry to true. The outSpatialReference is set to the spatial reference of the view. Parameters of the filter currently applied to the layer view are also incorporated in the returned query object. The results will include geometries of features and values for all fields.

Returns
Type Description
Query The query object
Example
const query = csvLayerView.createQuery();
query.where = "magnitude > 4";
csvLayerView.queryFeatures(query).then(function(results) {
  console.log(results);
})
.catch(function(error) {
  console.log(error);
});

hasHandles

Inherited
Method
hasHandles(groupKey){Boolean}
Inherited from Accessor
Since: ArcGIS Maps SDK for JavaScript 4.25 Accessor since 4.0, hasHandles added at 4.25.

Returns true if a named group of handles exist.

Parameter
groupKey *
optional

A group key.

Returns
Type Description
Boolean Returns true if a named group of handles exist.
Example
// Remove a named group of handles if they exist.
if (obj.hasHandles("watch-view-updates")) {
  obj.removeHandles("watch-view-updates");
}

highlight

Method
highlight(target){Handle}

Highlights the given feature(s) in a layer view. The layerView's highlightOptions will take precedence over the view's highlightOptions if both properties are set.

Release specific changes:

Parameter
optional

The feature(s) to highlight. When passing a graphic or array of graphics, each feature must have a valid objectID. You may alternatively pass one or more objectIDs as a single number, string or an array of numbers or strings.

Returns
Type Description
Handle Returns a highlight handler with a remove() method that can be called to remove the highlight.
Examples
// highlight features based on a query result
let highlight;
view.whenLayerView(treesLayer).then(function(layerView){
  layerView.highlightOptions = {
    color: "#FF00FF", //bright fuchsia
    haloOpacity: 0.8,
    fillOpacity: 0.3
  };
  let query = treesLayer.createQuery();
  query.where = "type = 'Quercus'";
  treesLayer.queryFeatures(query).then(function(result){
    highlight?.remove();
    highlight = layerView.highlight(result.features);
  });
});
// highlight feature on pointer-move
view.on("pointer-move", function(event){
  view.hitTest(event).then(function(response){
    if (response.results.length) {
      let graphic = response.results.filter(function (result) {
        return result.graphic.layer === treesLayer;
      })[0].graphic;

     view.whenLayerView(graphic.layer).then(function(layerView){
       layerView.highlight(graphic);
     });
    }
  });
});

isFulfilled

Inherited
Method
isFulfilled(){Boolean}
Inherited from LayerView

isFulfilled() may be used to verify if creating an instance of the class is fulfilled (either resolved or rejected). If it is fulfilled, true will be returned.

Returns
Type Description
Boolean Indicates whether creating an instance of the class has been fulfilled (either resolved or rejected).

isRejected

Inherited
Method
isRejected(){Boolean}
Inherited from LayerView

isRejected() may be used to verify if creating an instance of the class is rejected. If it is rejected, true will be returned.

Returns
Type Description
Boolean Indicates whether creating an instance of the class has been rejected.

isResolved

Inherited
Method
isResolved(){Boolean}
Inherited from LayerView

isResolved() may be used to verify if creating an instance of the class is resolved. If it is resolved, true will be returned.

Returns
Type Description
Boolean Indicates whether creating an instance of the class has been resolved.

queryAggregates

Method
queryAggregates(query, options){Promise<FeatureSet>}
Since: ArcGIS Maps SDK for JavaScript 4.25 FeatureLayerView since 4.0, queryAggregates added at 4.25.

Executes a Query against aggregate features (i.e. clusters or bins) available for drawing in the layerView and returns a FeatureSet. If query parameters are not provided, all aggregates available for drawing are returned along with their attributes that are available on the client. Fields referenced in statistic queries or in the where clause must first be defined as aggregate fields.

Known Limitations

This method currently does not support spatial queries (i.e. the Query.geometry option and its related properties).

Parameters
query Query autocast
optional
Autocasts from Object

Specifies the parameters of the query. Leave this parameter empty to query all aggregates in the view.

options Object
optional

An object with the following properties.

Specification
signal AbortSignal
optional

Signal object that can be used to abort the asynchronous task. The returned promise will be rejected with an Error named AbortError when an abort is signaled. See also AbortController for more information on how to construct a controller that can be used to deliver abort signals.

Returns
Type Description
Promise<FeatureSet> When resolved, returns a FeatureSet containing an array of aggregate features.
Example
// clustered point layer
const layer = new FeatureLayer({
  featureReduction: { type: "cluster" }
});

const layerView = await view.whenLayerView(layer);
await reactiveUtils.whenOnce(() => !layerView.updating);

// features represents all the clusters in the view
const { features } = await layerView.queryAggregates();

queryExtent

Method
queryExtent(query, options){Promise<Object>}

Executes a Query against features available for drawing in the layerView and returns the Extent of features that satisfy the query.

Known Limitations

  • Spatial queries have the same limitations as those listed in the projection engine documentation.
  • Spatial queries are not currently supported if the layerView has any of the following SpatialReferences:
    • GDM 2000 (4742) – Malaysia
    • Gusterberg (Ferro) (8042) – Austria/Czech Republic
    • ISN2016 (8086) - Iceland
    • SVY21 (4757) - Singapore
Parameters
query Query autocast
optional
Autocasts from Object

Specifies the attributes and spatial filter of the query. When no parameters are passed to this method, all features in the client are returned. To only return features visible in the view, set the geometry parameter in the query object to the view's extent.

options Object
optional

An object with the following properties.

Specification
signal AbortSignal
optional

Signal object that can be used to abort the asynchronous task. The returned promise will be rejected with an Error named AbortError when an abort is signaled. See also AbortController for more information on how to construct a controller that can be used to deliver abort signals.

Returns
Type Description
Promise<Object> When resolved, returns the extent and count of the features that satisfy the input query. See the object specification table below for details.
Property Type Description
count Number The number of features that satisfy the input query.
extent Extent | null The extent of the features that satisfy the query.
Examples
let layer = new CSVLayer({
  url: csvUrl  // URL to a csv file
});

const layerView = await view.whenLayerView(layer);
await reactiveUtils.whenOnce(() => !layerView.updating);

const results = await layerView.queryExtent()
view.goTo(results.extent);  // go to the extent of all the graphics in the layerView
// Expand the extent so that a feature (i.e. point feature)
// won't be off screen after the end of goTo animation.
const { extent } = await layerView.queryExtent()
const zoomScale = 16000;
extent.expand((zoomScale / view.scale) * view.resolution);
view.goTo(extent);

queryFeatureCount

Method
queryFeatureCount(query, options){Promise<Number>}

Executes a Query against features available for drawing in the layerView and returns the number of features that satisfy the query. If query parameters are not provided, the count of all features available for drawing is returned.

Known Limitations

  • Spatial queries have the same limitations as those listed in the projection engine documentation.
  • Spatial queries are not currently supported if the layerView has any of the following SpatialReferences:
    • GDM 2000 (4742) – Malaysia
    • Gusterberg (Ferro) (8042) – Austria/Czech Republic
    • ISN2016 (8086) - Iceland
    • SVY21 (4757) - Singapore
Parameters
query Query autocast
optional
Autocasts from Object

Specifies the attributes and spatial filter of the query. When no parameters are passed to this method, all features in the client are returned. To only return features visible in the view, set the geometry parameter in the query object to the view's extent.

options Object
optional

An object with the following properties.

Specification
signal AbortSignal
optional

Signal object that can be used to abort the asynchronous task. The returned promise will be rejected with an Error named AbortError when an abort is signaled. See also AbortController for more information on how to construct a controller that can be used to deliver abort signals.

Returns
Type Description
Promise<Number> When resolved, returns the number of features satisfying the query.
Examples
view.on("click", (event) => {
  let query = new Query();
  query.geometry = event.mapPoint;  // obtained from a view click event
  query.spatialRelationship = "intersects";

  const layerView = await view.whenLayerView(layer);
  await reactiveUtils.whenOnce(() => !layerView.updating);

  const count = await layerView.queryFeatureCount(query);
  console.log(count);  // prints the number of the client-side graphics that satisfy the query
});
const layerView = await view.whenLayerView(layer);
const count = await layerView.queryFeatureCount()
console.log(count);  // prints the total number of client-side graphics to the console

queryFeatures

Method
queryFeatures(query, options){Promise<FeatureSet>}

Executes a Query against features available for drawing in the layerView and returns a FeatureSet. If query parameters are not provided, then a default query is created using createQuery() method and all features that pass the layer view filter are returned along with their attributes that are available on the client. For client-side attribute queries, relevant fields should exist in availableFields list for the query to be successful.

To execute a query against all the features in a layer rather than only those in the client, you must use the queryFeatures() method on the layer.

Known Limitations

  • Attribute values used in attribute queries executed against layerViews are case sensitive.
  • Spatial queries are executed against quantized geometries in the layerView. The resolution of layerView geometries, is only as precise as the scale resolution of the view. Therefore, the results of the same query could be different when executed at different scales. This also means that geometries returned from any layerView query will likewise be at the same scale resolution of the view.
  • Spatial queries have the same limitations as those listed in the projection engine documentation.
  • Spatial queries are not currently supported if the FeatureLayerView has any of the following SpatialReferences:
    • GDM 2000 (4742) – Malaysia
    • Gsterberg (Ferro) (8042) – Austria/Czech Republic
    • ISN2016 (8086) - Iceland
    • SVY21 (4757) - Singapore
Parameters
query Query autocast
optional
Autocasts from Object

Specifies the attributes and spatial filter of the query. When this parameter is not passed to queryFeatures() method, then a default query is created using createQuery() method and all features that pass the layer view filter are returned along with their attributes that are available on the client. To only return features visible in the view, set the geometry parameter in the query object to the view's extent.

options Object
optional

An object with the following properties.

Specification
signal AbortSignal
optional

Signal object that can be used to abort the asynchronous task. The returned promise will be rejected with an Error named AbortError when an abort is signaled. See also AbortController for more information on how to construct a controller that can be used to deliver abort signals.

Returns
Type Description
Promise<FeatureSet> When resolved, a FeatureSet containing an array of graphic features is returned.
Examples
let layer = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

let query = new Query();
query.geometry = new Extent({
 xmin: -9177811,
 ymin: 4247000,
 xmax: -9176791,
 ymax: 4247784,
 spatialReference: 102100
});
query.spatialRelationship = "intersects";

const layerView = await view.whenLayerView(layer);
await reactiveUtils.whenOnce(() => !layerView.updating);

const results = await layerView.queryFeatures(query);
console.log(results.features);  // prints the array of client-side graphics to the console
let layer = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

// returns all the graphics from the layerView
const layerView = await view.whenLayerView(layer);
await reactiveUtils.whenOnce(() => !layerView.updating);

const results = await layerView.queryFeatures()
console.log(results.features); // prints all the client-side graphics to the console
layerView.queryFeatures({
  geometry: mapPoint,
  // 6 pixels around a point at the view resolution to query around a finger.
  distance: view.resolution * 6,
});

queryObjectIds

Method
queryObjectIds(query, options){Promise<Number[]>}

Executes a Query against features available for drawing in the layerView and returns array of the ObjectIDs of features that satisfy the input query. If query parameters are not provided, the ObjectIDs of all features available for drawing are returned.

Known Limitations

  • Spatial queries have the same limitations as those listed in the projection engine documentation.
  • Spatial queries are not currently supported if the layerView has any of the following SpatialReferences:
    • GDM 2000 (4742) – Malaysia
    • Gusterberg (Ferro) (8042) – Austria/Czech Republic
    • ISN2016 (8086) - Iceland
    • SVY21 (4757) - Singapore
Parameters
query Query autocast
optional
Autocasts from Object

Specifies the attributes and spatial filter of the query. When no parameters are passed to this method, all features in the client are returned. To only return features visible in the view, set the geometry parameter in the query object to the view's extent.

options Object
optional

An object with the following properties.

Specification
signal AbortSignal
optional

Signal object that can be used to abort the asynchronous task. The returned promise will be rejected with an Error named AbortError when an abort is signaled. See also AbortController for more information on how to construct a controller that can be used to deliver abort signals.

Returns
Type Description
Promise<Number[]> When resolved, returns an array of numbers representing the ObjectIDs of the features satisfying the query.
Examples
view.on("click", async (event) => {
  let query = new Query();
  query.geometry = event.mapPoint;  // obtained from a view click event
  query.spatialRelationship = "intersects";

  const layerView = await view.whenLayerView(layer)
  await reactiveUtils.whenOnce(() => !layerView.updating);

  const ids = await layerView.queryObjectIds(query);
  console.log(ids);  // prints the ids of the client-side graphics to the console=
});
// returns all the Ids from the graphics in the layerView
view.whenLayerView(layer).then(function(layerView){
  return layerView.queryObjectIds()
}).then(function(ids){
  console.log(ids);  // prints the ids of all the client-side graphics to the console
});

removeHandles

Inherited
Method
removeHandles(groupKey)
Inherited from Accessor
Since: ArcGIS Maps SDK for JavaScript 4.25 Accessor since 4.0, removeHandles added at 4.25.

Removes a group of handles owned by the object.

Parameter
groupKey *
optional

A group key or an array or collection of group keys to remove.

Example
obj.removeHandles(); // removes handles from default group

obj.removeHandles("handle-group");
obj.removeHandles("other-handle-group");

when

Inherited
Method
when(callback, errback){Promise}
Inherited from LayerView
Since: ArcGIS Maps SDK for JavaScript 4.6 LayerView since 4.0, when added at 4.6.

when() may be leveraged once an instance of the class is created. This method takes two input parameters: a callback function and an errback function. The callback executes when the instance of the class loads. The errback executes if the instance of the class fails to load.

Parameters
callback Function
optional

The function to call when the promise resolves.

errback Function
optional

The function to execute when the promise fails.

Returns
Type Description
Promise Returns a new promise for the result of callback that may be used to chain additional functions.
Example
// Although this example uses MapView, any class instance that is a promise may use when() in the same way
let view = new MapView();
view.when(function(){
  // This function will execute once the promise is resolved
}, function(error){
  // This function will execute if the promise is rejected due to an error
});

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.