Classes
Type Definitions
-
Animation{Object}
-
An animation configuration
Properties:
Name Type Argument Description sourceCenter
Coordinate <optional>
Source center.
targetCenter
Coordinate <optional>
Target center.
sourceResolution
number <optional>
Source resolution.
targetResolution
number <optional>
Target resolution.
sourceRotation
number <optional>
Source rotation.
targetRotation
number <optional>
Target rotation.
anchor
Coordinate <optional>
Anchor.
start
number Start.
duration
number Duration.
complete
boolean Complete.
easing
function Easing.
callback
function Callback.
-
AnimationOptions{Object}
-
Properties:
Name Type Argument Default Description center
Coordinate <optional>
The center of the view at the end of the animation.
zoom
number <optional>
The zoom level of the view at the end of the animation. This takes precedence over
resolution
.resolution
number <optional>
The resolution of the view at the end of the animation. If
zoom
is also provided, this option will be ignored.rotation
number <optional>
The rotation of the view at the end of the animation.
anchor
Coordinate <optional>
Optional anchor to remain fixed during a rotation or resolution animation.
duration
number <optional>
1000 The duration of the animation in milliseconds.
easing
function <optional>
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 Argument Default Description size
Size <optional>
The size in pixels of the box to fit the extent into. Default is the current size of the first map in the DOM that uses this view, or
[100, 100]
if no such map is found.padding
Array.<number> <optional>
[0, 0, 0, 0] Padding (in pixels) to be cleared inside the view. Values in the array are top, right, bottom and left padding.
nearest
boolean <optional>
false If the view
constrainResolution
option istrue
, get the nearest extent instead of the closest that actually fits the view.minResolution
number <optional>
0 Minimum resolution that we zoom to.
maxZoom
number <optional>
Maximum zoom level that we zoom to. If
minResolution
is given, this property is ignored.duration
number <optional>
The duration of the animation in milliseconds. By default, there is no animation to the target extent.
easing
function <optional>
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.callback
function <optional>
Function called when the view is in its final position. The callback will be called with
true
if the animation series completed on its own orfalse
if it was cancelled. -
State{Object}
-
Properties:
Name Type Argument Description center
Coordinate Center.
projection
Projection Projection.
resolution
number Resolution.
nextCenter
Coordinate <optional>
The next center during an animation series.
nextResolution
number <optional>
The next resolution during an animation series.
nextRotation
number <optional>
The next rotation during an animation series.
rotation
number Rotation.
zoom
number Zoom.
-
ViewObjectEventTypes{Types} {'change:center'} {'change:resolution'} {'change:rotation'}
-
-
ViewOptions{Object}
-
Properties:
Name Type Argument Default Description center
Coordinate <optional>
The initial center for the view. If a user projection is not set, the coordinate system for the center is specified with the
projection
option. Layer sources will not be fetched if this is not set, but the center can be set later with#setCenter
.constrainRotation
boolean | number <optional>
true Rotation constraint.
false
means no constraint.true
means no constraint, but snap to zero near zero. A number constrains the rotation to that number of values. For example,4
will constrain the rotation to 0, 90, 180, and 270 degrees.enableRotation
boolean <optional>
true Enable rotation. If
false
, a rotation constraint that always sets the rotation to zero is used. TheconstrainRotation
option has no effect ifenableRotation
isfalse
.extent
Extent <optional>
The extent that constrains the view, in other words, nothing outside of this extent can be visible on the map.
constrainOnlyCenter
boolean <optional>
false If true, the extent constraint will only apply to the view center and not the whole extent.
smoothExtentConstraint
boolean <optional>
true If true, the extent constraint will be applied smoothly, i.e. allow the view to go slightly outside of the given
extent
.maxResolution
number <optional>
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) thenmaxResolution
defaults to40075016.68557849 / 256 = 156543.03392804097
.minResolution
number <optional>
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) thenminResolution
defaults to40075016.68557849 / 256 / Math.pow(2, 28) = 0.0005831682455839253
.maxZoom
number <optional>
28 The maximum zoom level used to determine the resolution constraint. It is used together with
minZoom
(ormaxResolution
) andzoomFactor
. Note that ifminResolution
is also provided, it is given precedence overmaxZoom
.minZoom
number <optional>
0 The minimum zoom level used to determine the resolution constraint. It is used together with
maxZoom
(orminResolution
) andzoomFactor
. Note that ifmaxResolution
is also provided, it is given precedence overminZoom
.multiWorld
boolean <optional>
false If
false
the view is constrained so only one world is visible, and you cannot pan off the edge. Iftrue
the map may show multiple worlds at low zoom levels. Only used if theprojection
is global. Note that ifextent
is also provided it is given precedence.constrainResolution
boolean <optional>
false If true, the view will always animate to the closest zoom level after an interaction; false means intermediary zoom levels are allowed.
smoothResolutionConstraint
boolean <optional>
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.
showFullExtent
boolean <optional>
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.
projection
ProjectionLike <optional>
'EPSG:3857' The projection. The default is Spherical Mercator.
resolution
number <optional>
The initial resolution for the view. The units are
projection
units per pixel (e.g. meters per pixel). An alternative to setting this is to setzoom
. Layer sources will not be fetched if neither this norzoom
are defined, but they can be set later with#setZoom
or#setResolution
.resolutions
Array.<number> <optional>
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
, andzoomFactor
options are ignored.rotation
number <optional>
0 The initial rotation for the view in radians (positive rotation clockwise, 0 means North).
zoom
number <optional>
Only used if
resolution
is not defined. Zoom level used to calculate the initial resolution for the view.zoomFactor
number <optional>
2 The zoom factor used to compute the corresponding resolution.
padding
Array.<number> <optional>
[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.
-
ViewStateAndExtent{Object}
-
Like
FrameState
, but justviewState
andextent
.