Handle ol.ViewHint.INTERACTING in ol.interaction.Touch

This commit is contained in:
Frederic Junod
2013-06-25 12:24:51 +02:00
parent ae7b342ee9
commit 87dda95b18
4 changed files with 11 additions and 17 deletions

View File

@@ -6,6 +6,7 @@ goog.require('goog.object');
goog.require('ol.MapBrowserEvent'); goog.require('ol.MapBrowserEvent');
goog.require('ol.MapBrowserEvent.EventType'); goog.require('ol.MapBrowserEvent.EventType');
goog.require('ol.Pixel'); goog.require('ol.Pixel');
goog.require('ol.ViewHint');
goog.require('ol.interaction.Interaction'); goog.require('ol.interaction.Interaction');
@@ -106,15 +107,23 @@ ol.interaction.Touch.prototype.handleTouchStart = goog.functions.FALSE;
*/ */
ol.interaction.Touch.prototype.handleMapBrowserEvent = ol.interaction.Touch.prototype.handleMapBrowserEvent =
function(mapBrowserEvent) { function(mapBrowserEvent) {
var view = mapBrowserEvent.map.getView();
this.updateTrackedTouches_(mapBrowserEvent); this.updateTrackedTouches_(mapBrowserEvent);
if (this.handled_) { if (this.handled_) {
if (mapBrowserEvent.type == ol.MapBrowserEvent.EventType.TOUCHMOVE) { if (mapBrowserEvent.type == ol.MapBrowserEvent.EventType.TOUCHMOVE) {
this.handleTouchMove(mapBrowserEvent); this.handleTouchMove(mapBrowserEvent);
} else if (mapBrowserEvent.type == ol.MapBrowserEvent.EventType.TOUCHEND) { } else if (mapBrowserEvent.type == ol.MapBrowserEvent.EventType.TOUCHEND) {
this.handled_ = this.handleTouchEnd(mapBrowserEvent); this.handled_ = this.handleTouchEnd(mapBrowserEvent);
if (!this.handled_) {
view.setHint(ol.ViewHint.INTERACTING, -1);
}
} }
} }
if (mapBrowserEvent.type == ol.MapBrowserEvent.EventType.TOUCHSTART) { if (mapBrowserEvent.type == ol.MapBrowserEvent.EventType.TOUCHSTART) {
this.handled_ = this.handleTouchStart(mapBrowserEvent); var handled = this.handleTouchStart(mapBrowserEvent);
if (!this.handled_ && handled) {
view.setHint(ol.ViewHint.INTERACTING, 1);
}
this.handled_ = handled;
} }
}; };

View File

@@ -5,8 +5,6 @@ goog.require('goog.asserts');
goog.require('ol.Kinetic'); goog.require('ol.Kinetic');
goog.require('ol.Pixel'); goog.require('ol.Pixel');
goog.require('ol.PreRenderFunction'); goog.require('ol.PreRenderFunction');
goog.require('ol.View');
goog.require('ol.ViewHint');
goog.require('ol.coordinate'); goog.require('ol.coordinate');
goog.require('ol.interaction.Touch'); goog.require('ol.interaction.Touch');
@@ -83,7 +81,6 @@ ol.interaction.TouchPan.prototype.handleTouchEnd =
var map = mapBrowserEvent.map; var map = mapBrowserEvent.map;
var view = map.getView(); var view = map.getView();
if (this.targetTouches.length === 0) { if (this.targetTouches.length === 0) {
var interacting = view.setHint(ol.ViewHint.INTERACTING, -1);
if (!this.noKinetic_ && this.kinetic_ && this.kinetic_.end()) { if (!this.noKinetic_ && this.kinetic_ && this.kinetic_.end()) {
var distance = this.kinetic_.getDistance(); var distance = this.kinetic_.getDistance();
var angle = this.kinetic_.getAngle(); var angle = this.kinetic_.getAngle();
@@ -96,9 +93,8 @@ ol.interaction.TouchPan.prototype.handleTouchEnd =
centerpx[1] - distance * Math.sin(angle) centerpx[1] - distance * Math.sin(angle)
]); ]);
view.setCenter(dest); view.setCenter(dest);
} else if (interacting === 0) {
map.requestRenderFrame();
} }
map.requestRenderFrame();
return false; return false;
} else { } else {
this.lastCentroid = null; this.lastCentroid = null;
@@ -125,7 +121,6 @@ ol.interaction.TouchPan.prototype.handleTouchStart =
if (this.kinetic_) { if (this.kinetic_) {
this.kinetic_.begin(); this.kinetic_.begin();
} }
view.setHint(ol.ViewHint.INTERACTING, 1);
// No kinetic as soon as more than one fingers on the screen is // No kinetic as soon as more than one fingers on the screen is
// detected. This is to prevent nasty pans after pinch. // detected. This is to prevent nasty pans after pinch.
this.noKinetic_ = this.targetTouches.length > 1; this.noKinetic_ = this.targetTouches.length > 1;

View File

@@ -5,8 +5,6 @@ goog.provide('ol.interaction.TouchRotate');
goog.require('goog.asserts'); goog.require('goog.asserts');
goog.require('goog.style'); goog.require('goog.style');
goog.require('ol.Coordinate'); goog.require('ol.Coordinate');
goog.require('ol.View');
goog.require('ol.ViewHint');
goog.require('ol.interaction.Interaction'); goog.require('ol.interaction.Interaction');
goog.require('ol.interaction.Touch'); goog.require('ol.interaction.Touch');
@@ -124,7 +122,6 @@ ol.interaction.TouchRotate.prototype.handleTouchEnd =
map, view, view.getRotation(), this.anchor_, map, view, view.getRotation(), this.anchor_,
ol.interaction.TOUCHROTATE_ANIMATION_DURATION); ol.interaction.TOUCHROTATE_ANIMATION_DURATION);
} }
view.setHint(ol.ViewHint.INTERACTING, -1);
return false; return false;
} else { } else {
return true; return true;
@@ -139,13 +136,11 @@ ol.interaction.TouchRotate.prototype.handleTouchStart =
function(mapBrowserEvent) { function(mapBrowserEvent) {
if (this.targetTouches.length >= 2) { if (this.targetTouches.length >= 2) {
var map = mapBrowserEvent.map; var map = mapBrowserEvent.map;
var view = map.getView();
this.anchor_ = null; this.anchor_ = null;
this.lastAngle_ = undefined; this.lastAngle_ = undefined;
this.rotating_ = false; this.rotating_ = false;
this.rotationDelta_ = 0.0; this.rotationDelta_ = 0.0;
map.requestRenderFrame(); map.requestRenderFrame();
view.setHint(ol.ViewHint.INTERACTING, 1);
return true; return true;
} else { } else {
return false; return false;

View File

@@ -5,8 +5,6 @@ goog.provide('ol.interaction.TouchZoom');
goog.require('goog.asserts'); goog.require('goog.asserts');
goog.require('goog.style'); goog.require('goog.style');
goog.require('ol.Coordinate'); goog.require('ol.Coordinate');
goog.require('ol.View');
goog.require('ol.ViewHint');
goog.require('ol.interaction.Interaction'); goog.require('ol.interaction.Interaction');
goog.require('ol.interaction.Touch'); goog.require('ol.interaction.Touch');
@@ -104,7 +102,6 @@ ol.interaction.TouchZoom.prototype.handleTouchEnd =
var direction = this.lastScaleDelta_ - 1; var direction = this.lastScaleDelta_ - 1;
ol.interaction.Interaction.zoom(map, view, view.getResolution(), ol.interaction.Interaction.zoom(map, view, view.getResolution(),
this.anchor_, ol.interaction.TOUCHZOOM_ANIMATION_DURATION, direction); this.anchor_, ol.interaction.TOUCHZOOM_ANIMATION_DURATION, direction);
view.setHint(ol.ViewHint.INTERACTING, -1);
return false; return false;
} else { } else {
return true; return true;
@@ -119,12 +116,10 @@ ol.interaction.TouchZoom.prototype.handleTouchStart =
function(mapBrowserEvent) { function(mapBrowserEvent) {
if (this.targetTouches.length >= 2) { if (this.targetTouches.length >= 2) {
var map = mapBrowserEvent.map; var map = mapBrowserEvent.map;
var view = map.getView();
this.anchor_ = null; this.anchor_ = null;
this.lastDistance_ = undefined; this.lastDistance_ = undefined;
this.lastScaleDelta_ = 1; this.lastScaleDelta_ = 1;
map.requestRenderFrame(); map.requestRenderFrame();
view.setHint(ol.ViewHint.INTERACTING, 1);
return true; return true;
} else { } else {
return false; return false;