StreamLayerView
esri/views/layers/StreamLayerView
Represents the LayerView of a StreamLayer after it has been added to a Map in either a MapView or SceneView.
The StreamLayerView is responsible for rendering a StreamLayer's features as graphics in the View. The methods in the StreamLayerView 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.
The StreamLayer extends the FeatureLayer to add the ability to connect to a stream of data using HTML5 WebSockets. It connects to a server that emits geographic features continuously. While the FeatureLayer is used to map relatively static data, the stream layer is suitable when you would like to map dynamic streams of data that are unbounded and continuous. When a StreamLayer is added to a map, users are able to see any real-time updates pushed out by the server. For more information, read the documentation of StreamLayer.
WebSockets are a feature of HTML5. Most browsers are supporting WebSockets in recent versions. However, they are not supported by all versions of all browsers. To get more information about WebSockets and to test if a browser supports WebSockets, visit WebSocket.org.
Property Overview
Name | Type | Summary | Class | |
---|---|---|---|---|
Error | The error that explains an unsuccessful attempt to connect to the stream service or an unexpected disconnection from the stream service. more details | more details | StreamLayerView | |
String | The status of the Web Socket connection with the stream service. more details | more details | StreamLayerView | |
String | The name of the class. more details | more details | Accessor | |
Object | Contains the attribute and spatial filters used to filter messages sent to the given layer view by a stream service. more details | more details | StreamLayerView | |
Collection<Graphic> | Contains the collection of graphics visible in the layer view for the live stream. more details | more details | StreamLayerView | |
Layer | The layer being viewed. more details | more details | LayerView | |
Boolean | Value is | more details | LayerView | |
Boolean | Value is | more details | LayerView | |
Boolean | When | more details | LayerView |
Property Details
- connectionErrorErrorreadonly
The error that explains an unsuccessful attempt to connect to the stream service or an unexpected disconnection from the stream service.
- connectionStatusStringreadonly
The status of the Web Socket connection with the stream service. This property can be watched to see if the connection is lost unexpectedly.
Possible Values: connected | disconnected
- Since: ArcGIS API for JavaScript 4.7
The name of the class. The declared class name is formatted as
esri.folder.className
.
- filterObjectreadonly
Contains the attribute and spatial filters used to filter messages sent to the given layer view by a stream service. To change the filter for only a single layer view, use the updateFilter() method. The layer view's filter is always updated when the updateFilter() method of the associated stream layer instance is called.
- DeprecatedgraphicsCollection<Graphic>
- since version 4.8.
Contains the collection of graphics visible in the layer view for the live stream. Graphics may be removed from the layer view by calling the removeAll() method from Collection.
Example:// removes all stream layer graphics from view // new messages add features to the view view.whenLayerView(streamLayer) .then(function(layerView){ layer.graphics.removeAll(); });
The layer being viewed.
Value is
true
if the layer is suspended (i.e., layer will not redraw or update itself when the extent changes).
Value is
true
when the layer is updating; for example, if it is in the process of fetching data.- Default Value:false
When
true
, the layer is visible in the view. Set this property tofalse
to hide the layer from the view.- Default Value:true
Method Overview
Name | Return Type | Summary | Class | |
---|---|---|---|---|
Promise | Opens a web socket connection with the stream service to start receiving messages. more details | more details | StreamLayerView | |
Closes the web socket connection with the stream service. more details | more details | StreamLayerView | ||
Emits an event on the instance. more details | more details | StreamLayerView | ||
Boolean | Indicates whether there is an event listener on the instance that matches the provided event name. more details | more details | StreamLayerView | |
Object | Highlights the given feature(s). more details | more details | StreamLayerView | |
Boolean |
| more details | LayerView | |
Boolean |
| more details | LayerView | |
Boolean |
| more details | LayerView | |
Object | Registers an event handler on the instance. more details | more details | StreamLayerView | |
Promise<Object> | Executes a Query against features available for drawing in the layer view and returns the Extent of features that satisfy the query. more details | more details | StreamLayerView | |
Promise<Number> | Executes a Query against features available for drawing in the layer view and returns the number of features that satisfy the query. more details | more details | StreamLayerView | |
Promise<FeatureSet> | Executes a Query against features available for drawing in the layer view and returns a FeatureSet. more details | more details | StreamLayerView | |
Promise<FeatureSet> | If a trackIdField is specified on the Stream Service, this method executes a Query against features available for drawing in the layer view and returns a FeatureSet of the latest observations for each trackID that satisfy the query. more details | more details | StreamLayerView | |
Promise<Number[]> | 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. more details | more details | StreamLayerView | |
Promise<Object> | Updates the filter on the StreamLayerView. more details | more details | StreamLayerView | |
Promise |
| more details | LayerView |
Method Details
- Deprecatedconnect(){Promise}
- since version 4.9.
Opens a web socket connection with the stream service to start receiving messages. This is called internally when the StreamLayer is added to a view.
Returns:Type Description Promise The promise is resolved if the connection is successful or rejected with an error if the connection failed
- Deprecateddisconnect()
- since version 4.9.
Closes the web socket connection with the stream service. This is called internally when the StreamLayer is removed from a view. To verify when the connection is closed, watch the connectionStatus property.
- emit(type, event)Since: ArcGIS API for JavaScript 4.5
Emits an event on the instance. This method should only be used when creating subclasses of this class.
Parameters:type StringThe name of the event.
event ObjectThe event payload.
- hasEventListener(type){Boolean}
Indicates whether there is an event listener on the instance that matches the provided event name.
Parameter:type StringThe name of the event.
Returns:Type Description Boolean Returns true if the class supports the input event.
- highlight(target){Object}
Highlights the given feature(s).
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 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. Example:// highlight feature on pointer-move view.on("pointer-move", function(event){ view.hitTest(event).then(function(response){ if (response.results.length) { var graphic = response.results.filter(function (result) { return result.graphic.layer === myLayer; })[0].graphic; view.whenLayerView(graphic.layer).then(function(layerView){ layerView.highlight(graphic); }); } }); });
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()
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()
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.
- on(type, listener){Object}
Registers an event handler on the instance. Call this method to hook an event with a listener.
Parameters:type StringThe name of event to listen for.
listener FunctionThe function to call when the event is fired.
Returns:Type Description Object Returns an event handler with a remove()
method that can be called to stop listening for the event.Property Type Description remove Function When called, removes the listener from the event. - See also:
Example:view.on("click", function(event){ // event is the event handle returned after the event fires. console.log(event.mapPoint); });
- Since: ArcGIS API for JavaScript 4.9
Executes a Query against features available for drawing in the layer view and returns the Extent of features that satisfy the query. If query parameters are not provided, the extent and count of all features available for drawing are returned.
Known Limitations
- Queries on StreamLayerView are currently not supported in 3D SceneViews.
- Spatial queries have the same limitations as those listed in the projection engine documentation.
- Spatial queries are not currently supported if the layer view has any of the following SpatialReferences:
- GDM 2000 (4742) – Malaysia
- Gusterberg (Ferro) (8042) – Austria/Czech Republic
- ISN2016 (8086) - Iceland
- SVY21 (4757) - Singapore
Parameter:optional Autocasts from ObjectSpecifies 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.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 The extent of the features that satisfy the query. Example:var layer = new StreamLayer({ url: streamLayerUrl // URL to a Stream Service }); view.whenLayerView(layer).then(function(layerView){ layerView.watch("updating", function(val){ if(!val){ // wait for the layer view to finish updating layerView.queryExtent().then(function(results){ view.goTo(results.extent); // go to the extent of all the graphics in the layer view }); } }); });
- Since: ArcGIS API for JavaScript 4.9
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.
Known Limitations
- Queries on StreamLayerView are currently not supported in 3D SceneViews.
- Spatial queries have the same limitations as those listed in the projection engine documentation.
- Spatial queries are not currently supported if the layer view has any of the following SpatialReferences:
- GDM 2000 (4742) – Malaysia
- Gusterberg (Ferro) (8042) – Austria/Czech Republic
- ISN2016 (8086) - Iceland
- SVY21 (4757) - Singapore
Parameter:optional Autocasts from ObjectSpecifies 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.Returns:Type Description Promise<Number> When resolved, returns the number of features satisfying the query. Examples:view.on("click", function(event){ var query = new Query(); query.geometry = event.mapPoint; // obtained from a view click event query.spatialRelationship = "intersects"; view.whenLayerView(layer).then(function(layerView){ watchUtils.whenNotOnce(layerView, "updating") .then(function(){ return layerView.queryFeatureCount(query); }) .then(function(count){ console.log(count); // prints the number of the client-side graphics that satisfy the query }); }); });
view.whenLayerView(layer).then(function(layerView){ return layerView.queryFeatureCount() }).then(function(count){ console.log(count); // prints the total number of client-side graphics to the console });
- queryFeatures(params){Promise<FeatureSet>}Since: ArcGIS API for JavaScript 4.9
Executes a Query against features available for drawing in the layer view and returns a FeatureSet. If query parameters are not provided, all features available for drawing are returned.
Known Limitations
- Queries on StreamLayerView are currently not supported in 3D SceneViews.
- Spatial queries have the same limitations as those listed in the projection engine documentation.
- Spatial queries are not currently supported if the layer view has any of the following SpatialReferences:
- GDM 2000 (4742) – Malaysia
- Gusterberg (Ferro) (8042) – Austria/Czech Republic
- ISN2016 (8086) - Iceland
- SVY21 (4757) - Singapore
Parameter:optional Autocasts from ObjectSpecifies 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.Returns:Type Description Promise<FeatureSet> When resolved, a FeatureSet containing an array of graphic features is returned. Examples:view.whenLayerView(layer).then(function(layerView){ layerView.watch("updating", function(val){ if(!val){ // wait for the layer view to finish updating layerView.queryFeatures(query).then(function(results){ console.log(results.features); // prints the array of client-side graphics to the console }); } }); });
// returns all the graphics from the layer view view.whenLayerView(layer).then(function(layerView){ layerView.watch("updating", function(val){ if(!val){ // wait for the layer view to finish updating layerView.queryFeatures().then(function(results){ console.log(results.features); // prints all the client-side graphics to the console }); } }); });
- queryLatestObservations(params){Promise<FeatureSet>}Since: ArcGIS API for JavaScript 4.9
If a trackIdField is specified on the Stream Service, this method executes a Query against features available for drawing in the layer view and returns a FeatureSet of the latest observations for each trackID that satisfy the query.
Known Limitations
- Queries on StreamLayerView are currently not supported in 3D SceneViews.
- Spatial queries have the same limitations as those listed in the projection engine documentation.
- Spatial queries are not currently supported if the layer view has any of the following SpatialReferences:
- GDM 2000 (4742) – Malaysia
- Gusterberg (Ferro) (8042) – Austria/Czech Republic
- ISN2016 (8086) - Iceland
- SVY21 (4757) - Singapore
Parameter:optional Autocasts from ObjectSpecifies 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.Returns:Type Description Promise<FeatureSet> When resolved, returns the FeatureSet that satisfy the input query. Example:var layer = new StreamLayer({ url: streamLayerUrl // URL to a Stream Service }); view.whenLayerView(layer).then(function(layerView){ layerView.watch("updating", function(val){ if(!val){ // wait for the layer view to finish updating layerView.queryLatestObservations().then(function(results){ console.log(results.features); // prints all the client-side graphics to the console }); } }); });
- Since: ArcGIS API for JavaScript 4.9
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.
Known Limitations
- Queries on StreamLayerView are currently not supported in 3D SceneViews.
- Spatial queries have the same limitations as those listed in the projection engine documentation.
- Spatial queries are not currently supported if the layer view has any of the following SpatialReferences:
- GDM 2000 (4742) – Malaysia
- Gusterberg (Ferro) (8042) – Austria/Czech Republic
- ISN2016 (8086) - Iceland
- SVY21 (4757) - Singapore
Parameter:optional Autocasts from ObjectSpecifies 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.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", function(event){ var query = new Query(); query.geometry = event.mapPoint; // obtained from a view click event query.spatialRelationship = "intersects"; view.whenLayerView(layer).then(function(layerView){ watchUtils.whenNotOnce(layerView, "updating") .then(function(){ return layerView.queryObjectIds(query); }) .then(function(ids){ console.log(ids); // prints the ids of the client-side graphics to the console }); }); });
// returns all the Ids from the graphics in the layer view 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 });
Updates the filter on the StreamLayerView. The filter is updated only on the layer view from which it is called. To update the filter on all layer views generated from a common layer, use the StreamLayer.updateFilter() method. If the input
filter
object isundefined
ornull
, the spatial and attribute filters are removed.Filter changes only apply to incoming features. Features already displayed in the view will be removed automatically.
Parameters:filter ObjectUpdates the spatial and attribute filters. If
null
, all filters are cleared.Specification:geometry ExtentoptionalA spatial filter for filtering features. Only features that intersect the given geometry are displayed in the view. If
null
, the spatial filter is cleared.where StringoptionalA SQL where clause used to filter features by attributes. If
null
, the attribute filter is cleared.Returns:Type Description Promise<Object> Resolves to an object that has a filter
property, indicating the filter set on the stream service by the layer view. If the filter could not be updated, the promise is rejected with an error that explains why the filter failed to update.- See also:
Examples:view.whenLayerView(layer) .then(function(layerView){ // updates the spatial filter based on the current view's extent // and removes the attribute filter layerView.updateFilter({ geometry: view.extent.filter(), where: null }); });
// updates the attribute filter to only display features whose // route ID is 110 layerView.updateFilter({ where: "ROUTE_ID = 110" });
// clears all filters from the layer layerView.updateFilter(null);
- Since: ArcGIS API for JavaScript 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.Parameters:callback FunctionoptionalThe function to call when the promise resolves.
errback FunctionoptionalThe 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 then() in the same way var 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 });
Event Overview
Name | Type | Summary | Class | |
---|---|---|---|---|
Fires when the layer view receives data. more details | more details | StreamLayerView |
Event Details
- data-received
Fires when the layer view receives data. The event object contains the message properties received from the stream service.