315c42f0a7
sed command used: find src/ol -name '*.js' -exec sed -ri 's/\{ol(\.(\w|\.)+Options\=?\})/{olx\1/' \{\} \;
137 lines
3.5 KiB
JavaScript
137 lines
3.5 KiB
JavaScript
// FIXME works for View2D only
|
|
|
|
goog.provide('ol.interaction.DragRotateAndZoom');
|
|
|
|
goog.require('goog.asserts');
|
|
goog.require('goog.math.Vec2');
|
|
goog.require('ol.ViewHint');
|
|
goog.require('ol.events.ConditionType');
|
|
goog.require('ol.events.condition');
|
|
goog.require('ol.interaction.Drag');
|
|
goog.require('ol.interaction.Interaction');
|
|
|
|
|
|
/**
|
|
* @define {number} Animation duration.
|
|
*/
|
|
ol.interaction.DRAGROTATEANDZOOM_ANIMATION_DURATION = 400;
|
|
|
|
|
|
|
|
/**
|
|
* Allows the user to zoom and rotate the map by clicking and dragging
|
|
* on the map. By default, this interaction is limited to when the shift
|
|
* key is held down.
|
|
*
|
|
* This interaction is not included in the default interactions.
|
|
* @constructor
|
|
* @extends {ol.interaction.Drag}
|
|
* @param {olx.interaction.DragRotateAndZoomOptions=} opt_options Options.
|
|
* @todo stability experimental
|
|
*/
|
|
ol.interaction.DragRotateAndZoom = function(opt_options) {
|
|
|
|
var options = goog.isDef(opt_options) ? opt_options : {};
|
|
|
|
goog.base(this);
|
|
|
|
/**
|
|
* @private
|
|
* @type {ol.events.ConditionType}
|
|
*/
|
|
this.condition_ = goog.isDef(options.condition) ?
|
|
options.condition : ol.events.condition.shiftKeyOnly;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number|undefined}
|
|
*/
|
|
this.lastAngle_ = undefined;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number|undefined}
|
|
*/
|
|
this.lastMagnitude_ = undefined;
|
|
|
|
/**
|
|
* @private
|
|
* @type {number}
|
|
*/
|
|
this.lastScaleDelta_ = 0;
|
|
|
|
};
|
|
goog.inherits(ol.interaction.DragRotateAndZoom, ol.interaction.Drag);
|
|
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
ol.interaction.DragRotateAndZoom.prototype.handleDrag =
|
|
function(mapBrowserEvent) {
|
|
var map = mapBrowserEvent.map;
|
|
var size = map.getSize();
|
|
var offset = mapBrowserEvent.getPixel();
|
|
var delta = new goog.math.Vec2(
|
|
offset[0] - size[0] / 2,
|
|
size[1] / 2 - offset[1]);
|
|
var theta = Math.atan2(delta.y, delta.x);
|
|
var magnitude = delta.magnitude();
|
|
// FIXME works for View2D only
|
|
var view = map.getView().getView2D();
|
|
var view2DState = view.getView2DState();
|
|
map.requestRenderFrame();
|
|
if (goog.isDef(this.lastAngle_)) {
|
|
var angleDelta = theta - this.lastAngle_;
|
|
ol.interaction.Interaction.rotateWithoutConstraints(
|
|
map, view, view2DState.rotation - angleDelta);
|
|
}
|
|
this.lastAngle_ = theta;
|
|
if (goog.isDef(this.lastMagnitude_)) {
|
|
var resolution = this.lastMagnitude_ * (view2DState.resolution / magnitude);
|
|
ol.interaction.Interaction.zoomWithoutConstraints(map, view, resolution);
|
|
}
|
|
if (goog.isDef(this.lastMagnitude_)) {
|
|
this.lastScaleDelta_ = this.lastMagnitude_ / magnitude;
|
|
}
|
|
this.lastMagnitude_ = magnitude;
|
|
};
|
|
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
ol.interaction.DragRotateAndZoom.prototype.handleDragEnd =
|
|
function(mapBrowserEvent) {
|
|
var map = mapBrowserEvent.map;
|
|
// FIXME works for View2D only
|
|
var view = map.getView().getView2D();
|
|
view.setHint(ol.ViewHint.INTERACTING, -1);
|
|
var view2DState = view.getView2DState();
|
|
var direction = this.lastScaleDelta_ - 1;
|
|
map.withFrozenRendering(function() {
|
|
ol.interaction.Interaction.rotate(map, view, view2DState.rotation);
|
|
ol.interaction.Interaction.zoom(map, view, view2DState.resolution,
|
|
undefined, ol.interaction.DRAGROTATEANDZOOM_ANIMATION_DURATION,
|
|
direction);
|
|
});
|
|
this.lastScaleDelta_ = 0;
|
|
return true;
|
|
};
|
|
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
ol.interaction.DragRotateAndZoom.prototype.handleDragStart =
|
|
function(mapBrowserEvent) {
|
|
if (this.condition_(mapBrowserEvent)) {
|
|
mapBrowserEvent.map.getView().setHint(ol.ViewHint.INTERACTING, 1);
|
|
this.lastAngle_ = undefined;
|
|
this.lastMagnitude_ = undefined;
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
};
|