ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Making it so the navigation control zooms out on two touch taps. r=erilem (closes #3127)

Browse Source 
git-svn-id: http://svn.openlayers.org/trunk/openlayers@11537 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
Tim Schaub
2011-02-25 18:35:50 +00:00
parent 5826bf5f3b
commit 76a420b278
2 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/OpenLayers/Control/Navigation.js
+13
View File
@@ -163,6 +163,7 @@ OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {
} }
var clickCallbacks = { var clickCallbacks = {
'click': this.defaultClick,
'dblclick': this.defaultDblClick, 'dblclick': this.defaultDblClick,
'dblrightclick': this.defaultDblRightClick 'dblrightclick': this.defaultDblRightClick
}; };
@@ -189,6 +190,18 @@ OpenLayers.Control.Navigation = OpenLayers.Class(OpenLayers.Control, {
this.mouseWheelOptions ); this.mouseWheelOptions );
}, },
/**
* Method: defaultClick
*
* Parameters:
* evt - {Event}
*/
defaultClick: function (evt) {
if (evt.lastTouches && evt.lastTouches.length == 2) {
this.map.zoomOut();
}
},
/** /**
* Method: defaultDblClick * Method: defaultDblClick
* *
tests/Control/Navigation.html
+22
View File
@@ -119,6 +119,27 @@
t.eq(wheel.active, true, "mouse wheel handler activated"); t.eq(wheel.active, true, "mouse wheel handler activated");
} }
function test_touches_zoom(t) {
t.plan(3);
var nav = new OpenLayers.Control.Navigation({zoomWheelEnabled: false});
var map = new OpenLayers.Map({
div: "map",
controls: [nav],
layers: [
new OpenLayers.Layer(null, {isBaseLayer: true})
],
center: new OpenLayers.LonLat(0, 0),
zoom: 3
});
t.eq(map.getZoom(), 3, "map zoom starts at 3");
nav.handlers.click.callback("click", [{lastTouches: ["foo", "bar"]}]);
t.eq(map.getZoom(), 2, "map zooms out with a two touch tap");
nav.handlers.click.callback("click", [{}]);
t.eq(map.getZoom(), 2, "map doesn't do anything with click");
map.destroy();
}
function test_documentDrag(t) { function test_documentDrag(t) {
t.plan(2); t.plan(2);
@@ -149,5 +170,6 @@
</script> </script>
</head> </head>
<body> <body>
<div id="map" style="width: 256px; height: 256px"></div>
</body> </body>
</html> </html>