Classes
Type Definitions
-
Animation{Object}
-
An animation configuration
Properties:
Name Type Description sourceCenterCoordinate | undefined Source center.
targetCenterCoordinate | undefined Target center.
sourceResolutionnumber | undefined Source resolution.
targetResolutionnumber | undefined Target resolution.
sourceRotationnumber | undefined Source rotation.
targetRotationnumber | undefined Target rotation.
anchorCoordinate | undefined Anchor.
startnumber Start.
durationnumber Duration.
completeboolean Complete.
easingfunction Easing.
callbackfunction Callback.
-
AnimationOptions{Object}
-
Properties:
Name Type Description centerCoordinate | undefined The center of the view at the end of the animation.
zoomnumber | undefined The zoom level of the view at the end of the animation. This takes precedence over
resolution.resolutionnumber | undefined The resolution of the view at the end of the animation. If
zoomis also provided, this option will be ignored.rotationnumber | undefined The rotation of the view at the end of the animation.
anchorCoordinate | undefined Optional anchor to remain fixed during a rotation or resolution animation.
durationnumber
(defaults to 1000)The duration of the animation in milliseconds.
easingfunction | undefined The easing function used during the animation (defaults to
inAndOut). The function will be called for each frame with a number representing a fraction of the animation's duration. The function should return a number between 0 and 1 representing the progress toward the destination state. -
Constraints{Object}
-
FitOptions{Object}
-
Properties:
Name Type Description sizeSize | undefined The size in pixels of the box to fit the extent into. Defaults to the size of the map the view is associated with. If no map or multiple maps are connected to the view, provide the desired box size (e.g.
map.getSize()).paddingArray.<number>
(defaults to [0, 0, 0, 0])Padding (in pixels) to be cleared inside the view. Values in the array are top, right, bottom and left padding.
nearestboolean
(defaults to false)If the view
constrainResolutionoption istrue, get the nearest extent instead of the closest that actually fits the view.minResolutionnumber
(defaults to 0)Minimum resolution that we zoom to.
maxZoomnumber | undefined Maximum zoom level that we zoom to. If
minResolutionis given, this property is ignored.durationnumber | undefined The duration of the animation in milliseconds. By default, there is no animation to the target extent.
easingfunction | undefined The easing function used during the animation (defaults to
inAndOut). The function will be called for each frame with a number representing a fraction of the animation's duration. The function should return a number between 0 and 1 representing the progress toward the destination state.callbackfunction | undefined Function called when the view is in its final position. The callback will be called with
trueif the animation series completed on its own orfalseif it was cancelled. -
State{Object}
-
Properties:
Name Type Description centerCoordinate Center (in view projection coordinates).
projectionProjection Projection.
resolutionnumber Resolution.
nextCenterCoordinate | undefined The next center during an animation series.
nextResolutionnumber | undefined The next resolution during an animation series.
nextRotationnumber | undefined The next rotation during an animation series.
rotationnumber Rotation.
zoomnumber Zoom.
-
ViewObjectEventTypes{Types} {'change:center'} {'change:resolution'} {'change:rotation'}
-
-
ViewOptions{Object}
-
Properties:
Name Type Description centerCoordinate | undefined The initial center for the view. If a user projection is not set, the coordinate system for the center is specified with the
projectionoption. Layer sources will not be fetched if this is not set, but the center can be set later with#setCenter.constrainRotationboolean | number
(defaults to true)Rotation constraint.
falsemeans no constraint.truemeans no constraint, but snap to zero near zero. A number constrains the rotation to that number of values. For example,4will constrain the rotation to 0, 90, 180, and 270 degrees.enableRotationboolean
(defaults to true)Enable rotation. If
false, a rotation constraint that always sets the rotation to zero is used. TheconstrainRotationoption has no effect ifenableRotationisfalse.extentExtent | undefined The extent that constrains the view, in other words, nothing outside of this extent can be visible on the map.
constrainOnlyCenterboolean
(defaults to false)If true, the extent constraint will only apply to the view center and not the whole extent.
smoothExtentConstraintboolean
(defaults to true)If true, the extent constraint will be applied smoothly, i.e. allow the view to go slightly outside of the given
extent.maxResolutionnumber | undefined The maximum resolution used to determine the resolution constraint. It is used together with
minResolution(ormaxZoom) andzoomFactor. If unspecified it is calculated in such a way that the projection's validity extent fits in a 256x256 px tile. If the projection is Spherical Mercator (the default) thenmaxResolutiondefaults to40075016.68557849 / 256 = 156543.03392804097.minResolutionnumber | undefined The minimum resolution used to determine the resolution constraint. It is used together with
maxResolution(orminZoom) andzoomFactor. If unspecified it is calculated assuming 29 zoom levels (with a factor of 2). If the projection is Spherical Mercator (the default) thenminResolutiondefaults to40075016.68557849 / 256 / Math.pow(2, 28) = 0.0005831682455839253.maxZoomnumber
(defaults to 28)The maximum zoom level used to determine the resolution constraint. It is used together with
minZoom(ormaxResolution) andzoomFactor. Note that ifminResolutionis also provided, it is given precedence overmaxZoom.minZoomnumber
(defaults to 0)The minimum zoom level used to determine the resolution constraint. It is used together with
maxZoom(orminResolution) andzoomFactor. Note that ifmaxResolutionis also provided, it is given precedence overminZoom.multiWorldboolean
(defaults to false)If
falsethe view is constrained so only one world is visible, and you cannot pan off the edge. Iftruethe map may show multiple worlds at low zoom levels. Only used if theprojectionis global. Note that ifextentis also provided it is given precedence.constrainResolutionboolean
(defaults to false)If true, the view will always animate to the closest zoom level after an interaction; false means intermediary zoom levels are allowed.
smoothResolutionConstraintboolean
(defaults to true)If true, the resolution min/max values will be applied smoothly, i. e. allow the view to exceed slightly the given resolution or zoom bounds.
showFullExtentboolean
(defaults to false)Allow the view to be zoomed out to show the full configured extent. By default, when a view is configured with an extent, users will not be able to zoom out so the viewport exceeds the extent in either dimension. This means the full extent may not be visible if the viewport is taller or wider than the aspect ratio of the configured extent. If showFullExtent is true, the user will be able to zoom out so that the viewport exceeds the height or width of the configured extent, but not both, allowing the full extent to be shown.
projectionProjectionLike
(defaults to 'EPSG:3857')The projection. The default is Spherical Mercator.
resolutionnumber | undefined The initial resolution for the view. The units are
projectionunits per pixel (e.g. meters per pixel). An alternative to setting this is to setzoom. Layer sources will not be fetched if neither this norzoomare defined, but they can be set later with#setZoomor#setResolution.resolutionsArray.<number> | undefined Resolutions that determine the zoom levels if specified. The index in the array corresponds to the zoom level, therefore the resolution values have to be in descending order. It also constrains the resolution by the minimum and maximum value. If set the
maxResolution,minResolution,minZoom,maxZoom, andzoomFactoroptions are ignored.rotationnumber
(defaults to 0)The initial rotation for the view in radians (positive rotation clockwise, 0 means North).
zoomnumber | undefined Only used if
resolutionis not defined. Zoom level used to calculate the initial resolution for the view.zoomFactornumber
(defaults to 2)The zoom factor used to compute the corresponding resolution.
paddingArray.<number>
(defaults to [0, 0, 0, 0])Padding (in css pixels). If the map viewport is partially covered with other content (overlays) along its edges, this setting allows to shift the center of the viewport away from that content. The order of the values is top, right, bottom, left.
-
ViewStateLayerStateExtent{Object}
-
Like
FrameState, but justviewStateandextent.