From f5a27d27881cdae18673edbfc79941ce62da37f3 Mon Sep 17 00:00:00 2001
From: Axel Utech <axel.utech@gmail.com>
Date: Fri, 9 Dec 2016 18:03:01 +0100
Subject: [PATCH] add a pinchZoom example demonstrating the old behavior with
 constrained zooms

---
 examples/pinchZoom.html | 10 ++++++++++
 examples/pinchZoom.js   | 25 +++++++++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 examples/pinchZoom.html
 create mode 100644 examples/pinchZoom.js

diff --git a/examples/pinchZoom.html b/examples/pinchZoom.html
new file mode 100644
index 0000000000..d7056048a1
--- /dev/null
+++ b/examples/pinchZoom.html
@@ -0,0 +1,10 @@
+---
+layout: example.html
+title: PinchZoom
+shortdesc: A basic example for a pinch zoom with a restriction to integer zooms.
+docs: >
+  <p>Use a pinch zoom gesture to zoom the map.
+    After the gesture the map will zoomed to the next whole-number zoom level with an animtation.</p>
+tags: "pinch, zoom, interaction"
+---
+<div id="map" class="map"></div>
diff --git a/examples/pinchZoom.js b/examples/pinchZoom.js
new file mode 100644
index 0000000000..5e3227f167
--- /dev/null
+++ b/examples/pinchZoom.js
@@ -0,0 +1,25 @@
+goog.require('ol.Map');
+goog.require('ol.View');
+goog.require('ol.interaction');
+goog.require('ol.interaction.PinchZoom');
+goog.require('ol.layer.Tile');
+goog.require('ol.source.OSM');
+
+
+var map = new ol.Map({
+  interactions: ol.interaction.defaults({pinchZoom: false}).extend([
+    new ol.interaction.PinchZoom({
+      constrainResolution: true // force zooming to a integer zoom
+    })
+  ]),
+  layers: [
+    new ol.layer.Tile({
+      source: new ol.source.OSM()
+    })
+  ],
+  target: 'map',
+  view: new ol.View({
+    center: [0, 0],
+    zoom: 2
+  })
+});