// 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(); view.setHint(ol.ViewHint.INTERACTING, -1); var view2D = view.getView2D(); var view2DState = view2D.getView2DState(); var direction = this.lastScaleDelta_ - 1; map.withFrozenRendering(function() { ol.interaction.Interaction.rotate(map, view2D, view2DState.rotation); ol.interaction.Interaction.zoom(map, view2D, 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; } };