esri/views/layers/GraphicsLayerView
Represents the LayerView of a GraphicsLayer after it has been added to a Map in either a MapView or SceneView.
The GraphicsLayerView is responsible for rendering a GraphicsLayer's features as graphics in the View. The methods in the GraphicsLayerView provide developers with the ability to query 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
Name | Type | Summary | Class |
---|---|---|---|
The name of the class. | Accessor | ||
Options for configuring the highlight. | GraphicsLayerView | ||
The layer being viewed. | LayerView | ||
Indicates if the spatialReference of the MapView is supported by the layer view. | LayerView | ||
Value is | 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 | LayerView | ||
When | LayerView | ||
When | LayerView |
Property Details
-
highlightOptions
highlightOptions HighlightOptions
Since: ArcGIS Maps SDK for JavaScript 4.26GraphicsLayerView since 4.4, 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'shighlightOptions
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 };
- The
-
spatialReferenceSupported
InheritedPropertyspatialReferenceSupported Booleanreadonly
Inherited from LayerViewSince: ArcGIS Maps SDK for JavaScript 4.23LayerView 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
-
updating
InheritedPropertyupdating 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);
-
Inherited from LayerView
Since: ArcGIS Maps SDK for JavaScript 4.28LayerView since 4.0, view added at 4.28. -
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
InheritedPropertyvisible Boolean
Inherited from LayerView -
When
true
, the layer is visible in the view. Value of this property is inherited from thelayer.visible
unless the developer overrides it. ThelayerView.visible
will take precedence overlayer.visible
if both properties are set.- Default Value:true
-
visibleAtCurrentScale
InheritedPropertyvisibleAtCurrentScale Booleanreadonly
Inherited from LayerViewSince: ArcGIS Maps SDK for JavaScript 4.30LayerView 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 haveminScale
andmaxScale
properties set.Known Limitations
- This property is not supported in 3D SceneView tiled layers.
- Default Value:true
- See also
-
visibleAtCurrentTimeExtent
InheritedPropertyvisibleAtCurrentTimeExtent Booleanreadonly
Inherited from LayerViewSince: ArcGIS Maps SDK for JavaScript 4.30LayerView 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
Name | Return Type | Summary | Class |
---|---|---|---|
Adds one or more handles which are to be tied to the lifecycle of the object. | Accessor | ||
Returns true if a named group of handles exist. | Accessor | ||
Highlights the given feature(s) in a layer view. | GraphicsLayerView | ||
| LayerView | ||
| LayerView | ||
| LayerView | ||
Promise<Collection<Graphic>> | Returns all graphics available for drawing in the layer view as a collection. | GraphicsLayerView | |
Removes a group of handles owned by the object. | Accessor | ||
Promise |
| LayerView |
Method Details
-
Inherited from Accessor
Since: ArcGIS Maps SDK for JavaScript 4.25Accessor 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();
ParametershandleOrHandles WatchHandle|WatchHandle[]Handles marked for removal once the object is destroyed.
groupKey *optionalKey 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.
-
hasHandles
InheritedMethodhasHandles(groupKey){Boolean}
Inherited from AccessorSince: ArcGIS Maps SDK for JavaScript 4.25Accessor since 4.0, hasHandles added at 4.25. -
Returns true if a named group of handles exist.
ParametergroupKey *optionalA group key.
ReturnsType 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
highlight(target, group){Handle}
-
Highlights the given feature(s) in a layer view. The layerView's highlightOptions will take precedence over the view's highlights if both properties are set.
Release specific changes:
- At version 4.23, the
highlight()
method was added to ImageryLayerView and it is only supported in 2D MapView. - As of version 4.31, the MapView.highlights property allows different highlights in the same layer view.
Parametersoptional 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.group StringoptionalThe highlight group name. There are three named highlights group. The named groups can be used to highlight the features in the layerView with different highlights options. Defaults to "default" named group if not set.
ReturnsType 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); }); });
const view = new MapView({ map: map, // set the highlight options for the view to use in this app highlights: new Collection([ { name: "default", options: new HighlightOptions({color: "orange"}) }, { name: "popup", options: new HighlightOptions({ color: "purple" }) }, { name: "temporary", options: new HighlightOptions({ color: "magenta" }) }, ]) }); // Search for features in the featureLayer at the hovered location // highlight the first feature in the array with temporary highlight option view.on("pointer-move", (event) => { view.hitTest(event, {include: featureLayer}).then((response) => { if (response.results.length) { // highlight the feature using the "temporary" highlight options const feature = response.results[0].graphic; layerView.highlight({ features: [feature], group: "temporary" }); } }); });
// 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); }); } }); });
- At version 4.23, the
-
isFulfilled
InheritedMethodisFulfilled(){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.ReturnsType Description Boolean Indicates whether creating an instance of the class has been fulfilled (either resolved or rejected).
-
isRejected
InheritedMethodisRejected(){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.ReturnsType Description Boolean Indicates whether creating an instance of the class has been rejected.
-
isResolved
InheritedMethodisResolved(){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.ReturnsType Description Boolean Indicates whether creating an instance of the class has been resolved.
-
queryGraphics
queryGraphics(){Promise<Collection<Graphic>>}
Since: ArcGIS Maps SDK for JavaScript 4.8GraphicsLayerView since 4.4, queryGraphics added at 4.8. -
Returns all graphics available for drawing in the layer view as a collection.
ReturnsType Description Promise<Collection<Graphic>> When resolved, a Collection of all graphics is returned. Examplelet layer = new GraphicsLayer(); // returns all the graphics from the layer view const layerView = await view.whenLayerView(layer); await reactiveUtils.whenOnce(() => !layerView.updating); const results = await layerView.queryGraphics(); console.log(results); // prints the array of client-side graphics to the console
-
Inherited from Accessor
Since: ArcGIS Maps SDK for JavaScript 4.25Accessor since 4.0, removeHandles added at 4.25. -
Removes a group of handles owned by the object.
ParametergroupKey *optionalA group key or an array or collection of group keys to remove.
Exampleobj.removeHandles(); // removes handles from default group obj.removeHandles("handle-group"); obj.removeHandles("other-handle-group");
-
Inherited from LayerView
Since: ArcGIS Maps SDK for JavaScript 4.6LayerView 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: acallback
function and anerrback
function. Thecallback
executes when the instance of the class loads. Theerrback
executes if the instance of the class fails to load.ParametersReturnsType 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 });