A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/ below:

Scene | ArcGIS Maps SDK for JavaScript 4.33

Use dark colors for code blocks Copy

1
import "@arcgis/map-components/components/arcgis-scene";

No specific import is needed for this component.

The ArcGIS Scene component is used to add 3D maps to web applications. For 2D maps, use the ArcGIS Map component.

The Scene component creates a SceneView and loads a WebScene item from either ArcGIS Online or ArcGIS Enterprise portal.

Use dark colors for code blocks Copy

1
<arcgis-scene item-id="e2da7564e4f24eaaa918ffd70378056a"></arcgis-scene>

Alternatively, the Scene component can be initialized without a WebScene item:

Use dark colors for code blocks Copy

1
2
3
4
5
6
7
<arcgis-scene
 basemap="satellite"
 ground="world-elevation"
 camera-position="12.3808, 46.3959, 4400"
 camera-tilt="75"
 camera-heading="300">
</arcgis-scene>

Further components can be added and connected to the Scene component:

Use dark colors for code blocks Copy

1
2
3
<arcgis-scene item-id="e2da7564e4f24eaaa918ffd70378056a">
  <arcgis-layer-list position="bottom-right"></arcgis-layer-list>
</arcgis-scene>

The Scene component can be customized further using any of the core API functionalities of the ArcGIS Maps SDK for JavaScript.

Use dark colors for code blocks Copy

1
2
3
4
5
const viewElement = document.querySelector("arcgis-scene");
await viewElement.viewOnReady();
// The view is now ready to be used.
const layer = new GraphicsLayer({ title: "My layer"});
viewElement.map.add(layer);

See also

Demo Properties allLayerViews

readonlyProperty

Collection containing a flat list of all the created LayerViews related to the basemap, operational layers, and group layers in this view.

alphaCompositingEnabled

Property

alphaCompositingEnabled: boolean

Allows the view to be partially or fully transparent when composited with the webpage elements behind it.

Attribute
alpha-compositing-enabled
Default value
false
analyses

Property

Allows for adding analyses directly to the default analyses in the View.

Read more...

autoDestroyDisabled

Property

autoDestroyDisabled: boolean

If true, the component will not be destroyed automatically when it is disconnected from the document. This is useful when you want to move the component to a different place on the page, or temporarily hide it. If this is set, make sure to call the destroy method when you are done to prevent memory leaks.

Attribute
auto-destroy-disabled
Default value
false
basemap

Property

Specifies a basemap for the map. The basemap is a set of layers that give geographic context to the view and the other operational layers in the map. It can either be set using a basemap ID string (see values), Basemap or BasemapStyle.

Read more

Attribute
basemap
basemapView

Property

Represents the view for a single basemap after it has been added to the map.

camera

Property

The camera allows to set the observation point from which the visible portion (or perspective) of the view is determined. When set in the constructor, this property overrides the center, extent, scale, viewpoint, and zoom properties.

Setting the camera immediately changes the current view. For animating the view, see this component's goTo() method.

cameraFov

Property

cameraFov: number

The diagonal field of view (fov) angle for the camera. The range of angles must be between 1 and 170 degrees.

Setting the camera fov immediately changes the current view. For animating the view, see this component's goTo() method.

Read more

Attribute
camera-fov
cameraHeading

Property

cameraHeading: number

The compass heading of the camera in degrees.

Setting the camera heading immediately changes the current view. For animating the view, see this component's goTo() method.

Read more

Attribute
camera-heading
cameraPosition

Property

cameraPosition: Array<number> | Point | string

The position of the camera defined by a map point. It can either be set with a Point instance or a string in the format: longitude, latitude, elevation. E.g. "12.3808, 46.3959, 4400".

Setting the camera position immediately changes the current view. For animating the view, see this component's goTo() method.

Read more

Attribute
camera-position
cameraTilt

Property

cameraTilt: number

The tilt of the camera in degrees with respect to the surface as projected down from the camera position.

Setting the camera tilt immediately changes the current view. For animating the view, see this component's goTo() method.

Read more

Attribute
camera-tilt
center

Property

center: Array<number> | Point | string

Represents the center point of the view. It can be a string with the format "<longitude>, <latitude>" or a Point instance.

Setting the center immediately changes the current view. For animating the view, see this component's goTo() method.

Read more

Attribute
center
clippingArea

Property

Represents an optional clipping area used to define the visible extent of a Scene in local viewingMode.

Read more

constraints

Property

constraints: SceneViewConstraints

Specifies constraints for the camera's tilt, altitude, and view's clip distance.

Read more

displayFilterDisabled

Property

displayFilterDisabled: boolean

Indicates whether a layer's displayFilter is honored when rendering layers in the view. If false, the display filters are ignored and all features are rendered.

Attribute
display-filter-disabled
Default value
false
environment

Property

environment: SceneViewEnvironment

Specifies various properties of the environment's visualization within the view, including lighting, background, weather, and more. The Scene will redraw automatically when any property of environment changes.

Modifying the lighting:

Use dark colors for code blocks Copy

1
2
3
4
5
viewElement.environment.lighting = {
  type: "sun", // autocasts as new SunLighting()
  date: new Date(), // sets the lighting to reflect the current time of day
  directShadowsEnabled: true,
};

Setting the background:

Use dark colors for code blocks Copy

1
2
3
4
5
6
7
8
viewElement.environment = {
 background: {
    type: "color",
    color: [255, 252, 244, 1]
 },
  starsEnabled: false,
  atmosphereEnabled: false
};

Changing the weather in the scene:

Use dark colors for code blocks Copy

1
2
3
4
5
viewElement.environment.weather = {
  type: "rainy", // autocasts as new RainyWeather({ cloudCover: 0.7, precipitation: 0.3 })
  cloudCover: 0.7,
  precipitation: 0.3
};

See also

Read more

extent

Property

The extent represents the visible portion of a map within the view as an instance of Extent.

Setting the extent immediately changes the view without animation. To animate the view, see this component's goTo() method. When the view is rotated, the extent does not update to include the newly visible portions of the map.

Read more

fatalError

Property

A rejected view indicates a fatal error making it unable to display.

Read more

floors

Property

Applies a display filter on the view for a specific set of floor levels. It can filter the map display on floor-aware layers by zero or more level IDs.

focusAreas

Property

A container of all focus areas present in the map.

Read more...

gamepad

readonlyProperty

Gamepad input specific configuration settings.

graphics

Property

Allows for adding graphics directly to the default graphics in the view.

Example

Use dark colors for code blocks Copy

1
2
3
4
// Adds a graphic to the View
graphics.add(pointGraphic);
// Removes a graphic from the View
graphics.remove(pointGraphic);
ground

Property

Specifies the surface properties for the map. It can be either a Ground instance or a string with one of the following values:

Read more

Attribute
ground
groundView

readonlyProperty

The view for the ground of the map.

Read more...

highlightOptions

deprecatedProperty

Deprecatedsince 4.32, use highlights property instead.

Options for configuring the highlight.

highlights

Property

Represents a collection of HighlightOptions objects which can be used to highlight features throughout an application.

Read more...

interacting

readonlyProperty

interacting: boolean

Indication whether the view is being interacted with (for example when panning or by an interactive tool).

Default value
false
itemId

itemId: string

The ID of a WebScene item from either ArcGIS Online or ArcGIS Enterprise portal.

To configure the portal url you must set the config.portalUrl property before the Scene component loads.

Attribute
item-id
layerViews

readonlyProperty

A collection containing a hierarchical list of all the created LayerViews of the operational layers in the map.

magnifier

readonlyProperty

The magnifier allows for showing a portion of the view as a magnifier image on top of the view.

map

Property

An instance of a Map object to display in the view.

navigating

readonlyProperty

navigating: boolean

Indication whether the view is being navigated (for example when panning).

Default value
false
navigation

Property

Options to configure the navigation behavior of the view.

Read more

padding

Property

padding: ViewPadding

Use the padding property to make the center, and extent, etc. work off a subsection of the full view.

Read more

Default value
{left: 0, top: 0, right: 0, bottom: 0}
performanceInfo

readonlyProperty

This property contains performance information of the view, e.g. global memory usage and additional details for layers about memory consumption and number of features.

popup

Property

A Popup object that displays general content or attributes from layers in the map.

Read more

popupDisabled

Property

popupDisabled: boolean

Controls whether the popup opens when users click on the view.

Attribute
popup-disabled
Default value
false
qualityProfile

Property

qualityProfile: "high" | "low" | "medium"

Scenes can be drawn in three different quality modes: high, medium and low.

Read more

Attribute
quality-profile
ready

readonlyProperty

ready: boolean

When true, this property indicates whether the view successfully satisfied all dependencies, signaling that the necessary conditions are met.

Read more

Default value
false
resolution

readonlyProperty

resolution: number

Represents the current value of one pixel in the unit of the view's spatialReference. The resolution is calculated by dividing the Scene's extent width by its width.

scale

Property

scale: number

Represents the map scale at the center of the view.

Setting the scale immediately changes the view. For animating the view, see this component's goTo() method.

Read more

Attribute
scale
spatialReference

Property

The spatial reference of the view. This indicates the projected or geographic coordinate system used to locate geographic features in the map.

Read more

Default value
null
stationary

readonlyProperty

stationary: boolean

Indication whether the view is animating, being navigated with or resizing.

Default value
false
suspended

suspended: boolean

Indicates if the view is visible on the page.

Read more

Attribute
suspended
Default value
true
theme

Property

This property specifies the base colors used by some components to render graphics and labels. This only affects those elements that would otherwise use the default orange pattern.

Default value
null
timeExtent

Property

The view's time extent. Time-aware layers display their temporal data that falls within the view's time extent. Setting the view's time extent is similar to setting the spatial extent because once the time extent is set, the view updates automatically to conform to the change.

Default value
null
updating

readonlyProperty

updating: boolean

Indicates whether the view is being updated by additional data requests to the network, or by processing received data.

Default value
false
view

readonlyProperty

The SceneView instance created and managed by the component. Accessible once the component is fully loaded.

viewingMode

Property

viewingMode: "global" | "local"

The viewing mode sets whether the view renders the earth as a sphere (global mode) or on a flat plane (local mode).

Note that the viewing mode must be set before the Scene component loads. Depending on the viewing mode different supported coordinate systems are available.

Read more

Attribute
viewing-mode
Default value
"global"
viewpoint

Property

Represents the current view as a Viewpoint or point of observation on the view.

Setting the viewpoint immediately changes the current view. For animating the view, see this component's goTo() method.

Read more

visibleArea

readonlyProperty

The visibleArea represents the visible portion of a map within the view as an instance of a Polygon.

Read more

zoom

Property

zoom: number

Represents the level of detail (LOD) at the center of the view.

Setting the zoom immediately changes the current view. For animating the view, see this component's goTo() method. Setting this property in conjunction with center is a convenient way to set the initial extent of the view.

Read more

Attribute
zoom
Slots

No slots to display.

Events arcgisViewAnalysisViewCreate

Event

arcgisViewAnalysisViewCreate: ViewAnalysisViewCreateEvent

Fires when the view for an analysis is created.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewAnalysisViewCreateError

Event

arcgisViewAnalysisViewCreateError: ViewAnalysisViewCreateErrorEvent

Fires when an error occurs during the creation of an analysis view after an analysis is added to the view.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewAnalysisViewDestroy

Event

arcgisViewAnalysisViewDestroy: ViewAnalysisViewDestroyEvent

Fires after an analysis view is destroyed.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewChange

Event

arcgisViewChange: CustomEvent<void>

This event is for view related property changes: zoom, scale, center, rotation, extent, camera, viewpoint. This event will also emit if stationary toggles from true to false.

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewClick

Event

arcgisViewClick: CustomEvent<ViewClickEvent>

Fires after a user clicks on the view.

Use dark colors for code blocks Copy

1
2
3
4
5
6
viewElement.addEventListener("arcgisViewClick", (event) => {
  viewElement.hitTest(event.detail).then((response) => {
     const result = response.results[0];
     // ....
  });
});

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewDoubleClick

Event

arcgisViewDoubleClick: CustomEvent<ViewDoubleClickEvent>

Fires after double-clicking on the view.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewDrag

Event

arcgisViewDrag: CustomEvent<ViewDragEvent>

Fires during a pointer drag on the view.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewHold

Event

arcgisViewHold: CustomEvent<ViewHoldEvent>

Fires after holding either a mouse button or a single finger on the view for a short amount of time.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewImmediateClick

Event

arcgisViewImmediateClick: CustomEvent<ViewImmediateClickEvent>

Fires right after a user clicks on the view.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewImmediateDoubleClick

Event

arcgisViewImmediateDoubleClick: CustomEvent<ViewImmediateDoubleClickEvent>

Is emitted after two consecutive immediate-click events.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewKeyDown

Event

arcgisViewKeyDown: CustomEvent<ViewKeyDownEvent>

Fires after a keyboard key is pressed.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewKeyUp

Event

arcgisViewKeyUp: CustomEvent<ViewKeyUpEvent>

Fires after a keyboard key is released.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewLayerviewCreate

Event

arcgisViewLayerviewCreate: ViewLayerviewCreateEvent

Fires after each layer in the map has a corresponding LayerView created and rendered in the view.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewLayerviewCreateError

Event

arcgisViewLayerviewCreateError: ViewLayerviewCreateErrorEvent

Fires when an error emits during the creation of a LayerView after a layer has been added to the map.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewLayerviewDestroy

Event

arcgisViewLayerviewDestroy: ViewLayerviewDestroyEvent

Fires after a LayerView is destroyed and is no longer rendered in the view.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewMouseWheel

Event

arcgisViewMouseWheel: CustomEvent<ViewMouseWheelEvent>

Fires when a wheel button of a pointing device (typically a mouse) is scrolled on the view.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewPointerDown

Event

arcgisViewPointerDown: CustomEvent<ViewPointerDownEvent>

Fires after a mouse button is pressed, or a finger touches the display.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewPointerEnter

Event

arcgisViewPointerEnter: CustomEvent<ViewPointerEnterEvent>

Fires after a mouse cursor enters the view, or a display touch begins.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewPointerLeave

Event

arcgisViewPointerLeave: CustomEvent<ViewPointerLeaveEvent>

Fires after a mouse cursor leaves the view, or a display touch ends.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewPointerMove

Event

arcgisViewPointerMove: CustomEvent<ViewPointerMoveEvent>

Fires after the mouse or a finger on the display moves.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewPointerUp

Event

arcgisViewPointerUp: CustomEvent<ViewPointerUpEvent>

Fires after a mouse button is released, or a display touch ends.

Read more

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

arcgisViewReadyChange

Event

arcgisViewReadyChange: CustomEvent<void>

This event is for the ready property and will be emitted when the view is ready. This event will also emit if the map property is changed.

bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

Methods Method Signature addLayer

deprecated

addLayer(layer: __esri.Layer | Promise<any>, index?: number): Promise<void>

addLayers

deprecated

addLayers(layers: __esri.Layer[], index?: number): Promise<void>

addTable

deprecated

addTable(table: __esri.FeatureLayer): Promise<void>

addTables

deprecated

addTables(tables: __esri.FeatureLayer[], index?: number): Promise<void>

closePopup

closePopup(): Promise<void>

componentOnReady

componentOnReady(): Promise<void>

destroy

destroy(): Promise<void>

goTo

goTo(target: __esri.GoToTarget3D, options?: __esri.GoToOptions3D): Promise<unknown>

hitTest

hitTest(screenPoint: __esri.SceneViewScreenPoint | MouseEvent, options?: __esri.SceneViewHitTestOptions): Promise<__esri.SceneViewHitTestResult>

openPopup

openPopup(options?: __esri.PopupViewOpenPopupOptions): Promise<void>

takeScreenshot

takeScreenshot(options?: __esri.SceneViewTakeScreenshotOptions): Promise<__esri.SceneViewScreenshot>

toMap

toMap(screenPoint: __esri.SceneViewScreenPoint | MouseEvent, options?: __esri.SceneViewToMapOptions): __esri.Point | nullish

toScreen

toScreen(point: __esri.Point): __esri.SceneViewScreenPoint

tryFatalErrorRecovery

tryFatalErrorRecovery(): Promise<void>

viewOnReady

viewOnReady(callback?: (): void, errback?: (error: Error) => void): Promise<void>

whenAnalysisView

whenAnalysisView(analysis: __esri.AreaMeasurementAnalysis | __esri.DimensionAnalysis | __esri.DirectLineMeasurementAnalysis | __esri.LineOfSightAnalysis | __esri.SliceAnalysis | __esri.ViewshedAnalysis): Promise<__esri.AreaMeasurementAnalysisView3D | __esri.DimensionAnalysisView3D | __esri.DirectLineMeasurementAnalysisView3D | __esri.LineOfSightAnalysisView3D | __esri.SliceAnalysisView3D | __esri.ViewshedAnalysisView3D>

whenLayerView

whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>

addLayer

deprecatedMethod

addLayer(layer: __esri.Layer | Promise<any>, index?: number): Promise<void>

Deprecatedsince 4.33, use element.map.add(layer) instead.

Adds a layer to the map's layers collection.

Parameters Parameter Type Optional?

layer

Layer | Promise<any>

index

number | undefined

Returns
Promise<void>
addLayers

deprecatedMethod

addLayers(layers: __esri.Layer[], index?: number): Promise<void>

Deprecatedsince 4.33, use element.map.addMany([layer]) instead.

Adds a layer or array of layers to the map's layers collection.

Parameters Parameter Type Optional?

layers

Array<Layer>

index

number | undefined

Returns
Promise<void>
addTable

deprecatedMethod

addTable(table: __esri.FeatureLayer): Promise<void>

Deprecatedsince 4.33, use element.map.tables.add(table) instead.

Adds a table to the map's tables collection.

Parameters
Returns
Promise<void>
addTables

deprecatedMethod

addTables(tables: __esri.FeatureLayer[], index?: number): Promise<void>

Deprecatedsince 4.33, use element.map.tables.addMany([table]) instead.

Adds a table or array of tables to the map's tables collection.

Parameters Parameter Type Optional?

tables

Array<FeatureLayer>

index

number | undefined

Returns
Promise<void>
closePopup

Method

closePopup(): Promise<void>

Closes the popup.

Returns
Promise<void>
componentOnReady

Method

componentOnReady(): Promise<void>

Create a promise that resolves once component is fully loaded.

Example

Use dark colors for code blocks Copy

1
2
3
4
const arcgisScene = document.querySelector("arcgis-scene");
document.body.append(arcgisScene);
await arcgisScene.componentOnReady();
console.log("arcgis-scene is ready to go!");
Returns
Promise<void>
destroy

Method

destroy(): Promise<void>

Destroys the Scene component, and any associated resources, including its map, popup, and removes components or other UI DOM elements added to it.

Returns
Promise<void>
goTo

Method

goTo(target: __esri.GoToTarget3D, options?: __esri.GoToOptions3D): Promise<unknown>

Sets the view to a given target.

Read more

Parameters Parameter Type Optional?

target

any

options

GoToOptions3D | undefined
Returns
Promise<unknown>
hitTest

Method

hitTest(screenPoint: __esri.SceneViewScreenPoint | MouseEvent, options?: __esri.SceneViewHitTestOptions): Promise<__esri.SceneViewHitTestResult>

Returns hit test results from each layer that intersects the specified screen coordinates.

Use dark colors for code blocks Copy

1
2
3
4
5
6
7
8
9
10
11
viewElement.addEventListener("arcgisViewClick", (event) => {
  viewElement.hitTest(event.detail).then((response) => {
     const result = response.results[0];
     if (result?.type === "graphic") {
        const { longitude, latitude } = result.mapPoint;
        console.log("Hit graphic at (" + longitude + ", " + latitude + ")", result.graphic);
     } else {
        console.log("Did not hit any graphic");
     }
  });
});

Read more

Parameters
Returns
Promise<SceneViewHitTestResult>
openPopup

Method

openPopup(options?: __esri.PopupViewOpenPopupOptions): Promise<void>

Opens the popup based on input options.

Read more

Parameters Parameter Type Optional?

options

PopupViewOpenPopupOptions | undefined

Returns
Promise<void>
takeScreenshot

Method

takeScreenshot(options?: __esri.SceneViewTakeScreenshotOptions): Promise<__esri.SceneViewScreenshot>

Creates a screenshot of the current view.

Read more

Parameters Parameter Type Optional?

options

SceneViewTakeScreenshotOptions | undefined

Returns
Promise<SceneViewScreenshot>
toMap

Method

toMap(screenPoint: __esri.SceneViewScreenPoint | MouseEvent, options?: __esri.SceneViewToMapOptions): __esri.Point | nullish

Converts the given screen point to a map point.

Parameters
Returns
Point | null | undefined
toScreen

Method

toScreen(point: __esri.Point): __esri.SceneViewScreenPoint

Converts the given map point to a screen point.

Parameters Parameter Type Optional?

point

Point
Returns
SceneViewScreenPoint
tryFatalErrorRecovery

Method

tryFatalErrorRecovery(): Promise<void>

Call this method to clear any fatal errors resulting from a lost WebGL context.

Returns
Promise<void>
viewOnReady

Method

viewOnReady(callback?: (): void, errback?: (error: Error) => void): Promise<void>

viewOnReady() may be leveraged once an instance of the component and its underlying view is created and ready. This method takes two input parameters, a callback function and an errback function, and returns a promise. The callback executes when the promise resolves, and the errback executes if the promise is rejected.

See also
Example

Use dark colors for code blocks Copy

1
2
3
4
const viewElement = document.querySelector("arcgis-scene");
await viewElement.viewOnReady();
// The view is now ready to be used.
viewElement.map.add(new FeatureLayer({...}));
Parameters Parameter Type Optional?

callback

((() => void)) | undefined

errback

(((error: Error) => void)) | undefined

Returns
Promise<void>
whenAnalysisView

Method

whenAnalysisView(analysis: __esri.AreaMeasurementAnalysis | __esri.DimensionAnalysis | __esri.DirectLineMeasurementAnalysis | __esri.LineOfSightAnalysis | __esri.SliceAnalysis | __esri.ViewshedAnalysis): Promise<__esri.AreaMeasurementAnalysisView3D | __esri.DimensionAnalysisView3D | __esri.DirectLineMeasurementAnalysisView3D | __esri.LineOfSightAnalysisView3D | __esri.SliceAnalysisView3D | __esri.ViewshedAnalysisView3D>

Gets the analysis view created for the given analysis object.

Read more

Parameters
Returns
Promise<AreaMeasurementAnalysisView3D | DimensionAnalysisView3D | DirectLineMeasurementAnalysisView3D | LineOfSightAnalysisView3D | SliceAnalysisView3D | ViewshedAnalysisView3D>
whenLayerView

Method

whenLayerView(layer: __esri.Layer): Promise<__esri.LayerView>

Gets the layer view created on the view for the given layer.

Read more

Parameters Parameter Type Optional?

layer

Layer
Returns
Promise<LayerView>

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4