Property Overview

Property Details

declaredClassStringreadonly

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

layerLayerreadonly

The layer being viewed.

suspendedBooleanreadonly

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

updatingBooleanreadonly

Value is true when the layer is updating; for example, if it is in the process of fetching data.

Default Value: false

visibleBoolean

When true, the layer is visible in the view. Set this property to false to hide the layer from the view.

Default Value: true

Method Overview

Method Details

always(callbackOrErrback){Promise}inherited

An instance of this class is a Promise. Therefore always() may be used to execute a function if the promise is rejected or resolved. The input function will always execute no matter the response. For more information about promises, see the Working with Promises guide page.

Parameter:

callbackOrErrback Function optional The function to execute when the promise is rejected or resolved.

Returns:

Type	Description
Promise	Returns a new promise for the result of callbackOrErrback.

Example:

// Although this example uses MapView, any class instance that is a promise may use always() in the same way
var view = new MapView();
view.always(function(){
  // This function will always execute whether or not the promise is resolved or rejected
});

highlight(target){Object}

Since: ArcGIS API for JavaScript 4.4

Highlights the given feature(s).

Known Limitations

Currently the highlight method is only supported in a SceneView.

Parameter:

target Graphic | Graphic[] | Number | Number[] 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 or an array.

Returns:

Type	Description
Object	Returns a highlight handler with a remove() method that can be called to remove the highlight. Property Type Description remove Function When called, removes the highlight of the selected graphics.

See also:

• SceneView.highlightOptions

• Sample: Highlight point features

Example:

// highlight features based on a query result
var highlight;
view.whenLayerView(treesLayer).then(function(lyrView){
 var query = treesLayer.createQuery();
 query.where = "type = 'Quercus'";
 treesLayer.queryFeatures(query).then(function(result){
   if (highlight) {
     highlight.remove();
   }
   highlight = lyrView.highlight(result.features);
 })
});

// highlight feature on click
view.on("click", function(event){
 view.hitTest(event).then(function(response){
   if (response.results[0]) {
     var graphic = response.results[0].graphic;
     view.whenLayerView(graphic.layer).then(function(lyrView){
       lyrView.highlight(graphic);
     })
   }
 })
});

isFulfilled(){Boolean}inherited

An instance of this class is a Promise. Therefore isFulfilled() may be used to verify if the promise is fulfilled (either resolved or rejected). If it is fulfilled, true will be returned. See the Working with Promises guide page for more information about promises.

Returns:

Type	Description
Boolean	Indicates whether the promise has been fulfilled (either resolved or rejected).

isRejected(){Boolean}inherited

An instance of this class is a Promise. Therefore isRejected() may be used to verify if the promise is rejected. If it is rejected, true will be returned. See the Working with Promises guide page for more information about promises.

Returns:

Type	Description
Boolean	Indicates whether the promise has been rejected.

isResolved(){Boolean}inherited

An instance of this class is a Promise. Therefore isResolved() may be used to verify if the promise is resolved. If it is resolved, true will be returned. See the Working with Promises guide page for more information about promises.

Returns:

Type	Description
Boolean	Indicates whether the promise has been resolved.

otherwise(errback){Promise}inherited

An instance of this class is a Promise. Use otherwise() to call a function once the promise is rejected.

Parameter:

errback Function optional The function to execute when the promise fails.

Returns:

Type	Description
Promise	Returns a new promise for the result of errback.

Example:

// Although this example uses MapView, any class instance that is a promise may use otherwise() in the same way
var view = new MapView();
view.otherwise(function(error){
  // This function will execute if the promise is rejected due to an error
});

queryExtent(params){Promise}

Executes a Query against features available for drawing in the layer view and returns the Extent of features that satisfy the query. Valid only for hosted feature services on arcgis.com and for ArcGIS Server 10.3.1 and later. If query parameters are not provided, the extent and count of all features available for drawing are returned.

To query for the extent of features directly from a Feature Service rather than those visible in the view, you must use the FeatureLayer.queryExtent() method.

Parameter:

params Query optional Specifies the attributes and spatial filter of the query. Only the geometry, objectIds, and spatialRelationship properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that intersects is the only supported operation. If query parameters are not provided, the extent and count of all features available for drawing are returned.

Returns:

Type	Description
Promise	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 The extent of the features that satisfy the query.

Example:

var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

view.whenLayerView(lyr).then(function(lyrView){
  lyrView.watch("updating", function(val){
    if(!val){  // wait for the layer view to finish updating
      lyrView.queryExtent().then(function(results){
        view.goTo(results.extent);  // go to the extent of all the graphics in the layer view
      });
    }
  });
});

queryFeatureCount(params){Promise}

Executes a Query against features available for drawing in the layer view 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.

To query for the count of features directly from a Feature Service rather than those visible in the view, you must use the FeatureLayer.queryFeatureCount() method.

Parameter:

params Query optional Specifies the attributes and spatial filter of the query. Only the geometry, objectIds, and spatialRelationship properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that intersects is the only supported operation. If query parameters are not provided, the count of all features available for drawing is returned.

Returns:

Type	Description
Promise	When resolved, returns the number of features satisfying the query.

Examples:

var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

view.on("click", function(event){

  var query = new Query();
  query.geometry = event.mapPoint;  // obtained from a view click event
  query.spatialRelationship = "intersects";

  view.whenLayerView(lyr).then(function(lyrView){
    watchUtils.whenNotOnce(lyrView, "updating")
    .then(function(){
      return lyrView.queryFeatureCount(query);
    })
    .then(function(count){
      console.log(count);  // prints the number of the client-side graphics that satisfy the query
    });
  });
});

var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

view.whenLayerView(lyr).then(function(lyrView){
  return lyrView.queryFeatureCount()
}).then(function(count){
  console.log(count);  // prints the total number of client-side graphics to the console
});

queryFeatures(params){Promise}

Executes a Query against features available for drawing in the layer view and returns an array of Graphic[]. If query parameters are not provided, all features available for drawing are returned.

To execute a query against all the features in a Feature Service rather than only those visible in the view, you must use the FeatureLayer.queryFeatures() method.

Parameter:

params Query optional Specifies the attributes and spatial filter of the query. Only the geometry, objectIds, and spatialRelationship properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that intersects is the only supported operation. If specifying a geometry parameter, note that extent is the only supported geometry. If query parameters are not provided, all features available for drawing are returned.

Returns:

Type	Description
Promise	When resolved, an array of Graphic[] is returned. This array will not be populated if zero results are found.

Examples:

var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

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

view.whenLayerView(lyr).then(function(lyrView){
  lyrView.watch("updating", function(val){
    if(!val){  // wait for the layer view to finish updating
      lyrView.queryFeatures(query).then(function(results){
        console.log(results);  // prints the array of client-side graphics to the console
      });
    }
  });
});

var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

// returns all the graphics from the layer view
view.whenLayerView(lyr).then(function(lyrView){
  lyrView.watch("updating", function(val){
    if(!val){  // wait for the layer view to finish updating
      lyrView.queryFeatures().then(function(results){
        console.log(results);  // prints all the client-side graphics to the console
      });
    }
  });
});

queryObjectIds(params){Promise}

Executes a Query against features available for drawing in the layer view 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.

To query for ObjectIDs of features directly from a Feature Service rather than those visible in the view, you must use the FeatureLayer.queryObjectIds() method.

Parameter:

params Query optional Specifies the attributes and spatial filter of the query. Only the geometry, objectIds, and spatialRelationship properties should be specified. Adding any other properties will return an error. If specifying a spatialRelationship, note that intersects is the only supported operation. If query parameters are not provided, the ObjectIDs of all features available for drawing are returned.

Returns:

Type	Description
Promise	When resolved, returns an array of numbers representing the ObjectIDs of the features satisfying the query.

Examples:

var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

view.on("click", function(event){

  var query = new Query();
  query.geometry = event.mapPoint;  // obtained from a view click event
  query.spatialRelationship = "intersects";

  view.whenLayerView(lyr).then(function(lyrView){
    watchUtils.whenNotOnce(lyrView, "updating")
    .then(function(){
      return lyrView.queryObjectIds(query);
    })
    .then(function(ids){
      console.log(ids);  // prints the ids of the client-side graphics to the console
    });
  });
});

var lyr = new FeatureLayer({
  url: fsUrl  // points to a Feature Service layer url
});

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

then(callback, errback, progback){Promise}inherited

An instance of this class is a Promise. Therefore then() 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 promise resolves (when the instance of the class loads). The errback executes if the promise fails. See the Working with Promises guide page for additional details.

Parameters:

callback Function optional The function to call when the promise resolves.

errback Function optional The function to execute when the promise fails.

progback Function optional The function to invoke when the promise emits a progress update.

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 then() in the same way
var view = new MapView();
view.then(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
});