View / add getValidCenter method to improve interactions

The DragPan, KeyboardPan and DragZoom interactions now make sure to
animate to a valid center/resolution target to avoid
a chained "resolve" animation which looks weird.

The `View.fit` method was also fixed to use this.
This commit is contained in:
Olivier Guyot
2019-01-29 17:10:49 +01:00
parent 433bccd207
commit 78e8f23df5
4 changed files with 19 additions and 8 deletions

View File

@@ -1069,7 +1069,7 @@ class View extends BaseObject {
if (options.duration !== undefined) {
this.animate({
resolution: resolution,
center: center,
center: this.getValidCenter(center, resolution),
duration: options.duration,
easing: options.easing
}, callback);
@@ -1312,6 +1312,19 @@ class View extends BaseObject {
this.resolveConstraints_(opt_duration, opt_resolutionDirection);
}
/**
* Get a valid position for the view center according to the current constraints.
* @param {import("./coordinate.js").Coordinate|undefined} targetCenter Target center position.
* @param {number=} opt_targetResolution Target resolution. If not supplied, the current one will be used.
* This is useful to guess a valid center position at a different zoom level.
* @return {import("./coordinate.js").Coordinate|undefined} Valid center position.
* @api
*/
getValidCenter(targetCenter, opt_targetResolution) {
const size = this.getSizeFromViewport_(this.getRotation());
return this.constraints_.center(targetCenter, opt_targetResolution || this.getResolution(), size);
}
/**
* Get a valid zoom level according to the current view constraints.
* @param {number|undefined} targetZoom Target zoom.