From 8354400e52a0889c1d7ef8d840b74cfb4c936fa1 Mon Sep 17 00:00:00 2001 From: Antoine Abt Date: Thu, 19 Dec 2013 16:52:15 +0100 Subject: [PATCH] Add dragzoom example, configured with canvas renderer --- examples/dragzoom.html | 51 ++++++++++++++++++++++++++++++++++++++++++ examples/dragzoom.js | 24 ++++++++++++++++++++ 2 files changed, 75 insertions(+) create mode 100644 examples/dragzoom.html create mode 100644 examples/dragzoom.js diff --git a/examples/dragzoom.html b/examples/dragzoom.html new file mode 100644 index 0000000000..0cd64bb6c1 --- /dev/null +++ b/examples/dragzoom.html @@ -0,0 +1,51 @@ + + + + + + + + + + + DragZoom example + + + +
+
+
+ OpenLayers 3 Examples +
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+

DragZoom example

+

Example of dragzoom interaction

+
+

See the dragzoom.js source to see how this is done.

+

For the moment, only works with the canvas renderer.

+
+
dragzoom, openstreetmap
+
+ +
+ +
+ + + + + + diff --git a/examples/dragzoom.js b/examples/dragzoom.js new file mode 100644 index 0000000000..86d83114d4 --- /dev/null +++ b/examples/dragzoom.js @@ -0,0 +1,24 @@ +goog.require('ol.Map'); +goog.require('ol.RendererHint'); +goog.require('ol.View2D'); +goog.require('ol.interaction.DragZoom'); +goog.require('ol.layer.Tile'); +goog.require('ol.source.OSM'); + + +var map = new ol.Map({ + layers: [ + new ol.layer.Tile({ + source: new ol.source.OSM() + }) + ], + renderer: ol.RendererHint.CANVAS, + target: 'map', + view: new ol.View2D({ + center: [0, 0], + zoom: 2 + }) +}); + +var dragzoom = new ol.interaction.DragZoom(); +map.addInteraction(dragzoom);