[OpenLayers-Commits] r11750 - trunk/openlayers/examples

[commits-20090109 at openlayers.org]

Author: erilem
Date: 2011-03-29 07:02:38 -0700 (Tue, 29 Mar 2011)
New Revision: 11750

Modified:
   trunk/openlayers/examples/mobile-drawing.js
Log:
currently our mobile-drawing example has two navigation controls, change that, no functional change

Modified: trunk/openlayers/examples/mobile-drawing.js
===================================================================
--- trunk/openlayers/examples/mobile-drawing.js	2011-03-29 13:44:04 UTC (rev 11749)
+++ trunk/openlayers/examples/mobile-drawing.js	2011-03-29 14:02:38 UTC (rev 11750)
@@ -1,9 +1,30 @@
-
 function init() {
 
+    // create a vector layer for drawing
     var vector = new OpenLayers.Layer.Vector();
-    var toolbar = new OpenLayers.Control.EditingToolbar(vector);
 
+    // OpenLayers' EditingToolbar internally creates a Navigation control, we
+    // want a TouchNavigation control here so we create our own editing toolbar
+    var toolbar = new OpenLayers.Control.Panel({
+        displayClass: 'olControlEditingToolbar'
+    });
+    toolbar.addControls([
+        // this control is just there to be able to deactivate the drawing
+        // tools
+        new OpenLayers.Control({
+            displayClass: 'olControlNavigation'
+        }),
+        new OpenLayers.Control.DrawFeature(vector, OpenLayers.Handler.Point, {
+            displayClass: 'olControlDrawFeaturePoint'
+        }),
+        new OpenLayers.Control.DrawFeature(vector, OpenLayers.Handler.Path, {
+            displayClass: 'olControlDrawFeaturePath'
+        }),
+        new OpenLayers.Control.DrawFeature(vector, OpenLayers.Handler.Polygon, {
+            displayClass: 'olControlDrawFeaturePolygon'
+        })
+    ]);
+
     map = new OpenLayers.Map({
         div: 'map',
         projection: 'EPSG:900913',
@@ -28,6 +49,7 @@
         theme: null
     });
 
+    // activate the first control to render the "navigation icon"
+    // as active
     toolbar.controls[0].activate();
-
 };