Merge pull request #336 from tonio/examples

fixes mobile examples which were using ZoomPanel

examples/mobile-drawing.html

@@ -25,36 +25,6 @@
                 bottom: 5px;
                 right: 5px;
             }
-            div.olControlZoomPanel .olControlZoomInItemInactive,
-            div.olControlZoomPanel .olControlZoomOutItemInactive {
-                background: rgba(0,0,0,0.2);
-                position: absolute;
-            }
-            div.olControlZoomPanel .olControlZoomInItemInactive {
-                border-radius: 5px 5px 0 0;
-            }
-            div.olControlZoomPanel .olControlZoomOutItemInactive {
-                border-radius: 0 0 5px 5px ;
-                top: 37px;
-            }
-            div.olControlZoomPanel .olControlZoomOutItemInactive:after,
-            div.olControlZoomPanel .olControlZoomInItemInactive:after {
-                font-weight: bold;
-                content: '+';
-                font-size: 36px;
-                padding:  7px;
-                z-index: 2000;
-                color: #fff;
-                line-height: 1em;
-            }
-            div.olControlZoomPanel .olControlZoomOutItemInactive:after {
-                content: '–';
-                line-height: 0.9em;
-                padding: 0 8px;
-            }
-            div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
-                display: none;
-            }
             .olControlEditingToolbar .olControlModifyFeatureItemInactive {
                 background-position: -1px -1px;
             }

examples/mobile-drawing.js

@@ -48,7 +48,7 @@ function init() {
                     enableKinetic: true
                 }
             }),
-            new OpenLayers.Control.ZoomPanel(),
+            new OpenLayers.Control.Zoom(),
             toolbar
         ],
         layers: [osm, vector],

examples/mobile-layers.html

@@ -39,42 +39,6 @@
             border-radius: 5px 0 0 0;
         }
 
-        div.olControlZoomPanel .olControlZoomInItemInactive,
-        div.olControlZoomPanel .olControlZoomOutItemInactive {
-            background: rgba(0, 0, 0, 0.2);
-            position: absolute;
-        }
-
-        div.olControlZoomPanel .olControlZoomInItemInactive {
-            border-radius: 5px 5px 0 0;
-        }
-
-        div.olControlZoomPanel .olControlZoomOutItemInactive {
-            border-radius: 0 0 5px 5px;
-            top: 37px;
-        }
-
-        div.olControlZoomPanel .olControlZoomOutItemInactive:after,
-        div.olControlZoomPanel .olControlZoomInItemInactive:after {
-            font-weight: bold;
-            content: '+';
-            font-size: 36px;
-            padding: 7px;
-            z-index: 2000;
-            color: #fff;
-            line-height: 1em;
-        }
-
-        div.olControlZoomPanel .olControlZoomOutItemInactive:after {
-            content: '–';
-            line-height: 0.9em;
-            padding: 0 8px;
-        }
-
-        div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
-            display: none;
-        }
-
         #title, #tags, #shortdesc {
             display: none;
         }

examples/mobile-layers.js

@@ -32,7 +32,7 @@ function init() {
                     enableKinetic: true
                 }
             }),
-            new OpenLayers.Control.ZoomPanel()
+            new OpenLayers.Control.Zoom()
         ]
     });
 

examples/mobile-navigation.html

@@ -38,7 +38,7 @@
         </p>
 
         <p>
-            The ZoomPanel control provides + and - buttons for zooming in and
+            The Zoom control provides + and - buttons for zooming in and
             out. These buttons should work on any device, and the zoom out
             button is especially needed for devices that don't support
             multi-touch.

examples/mobile-navigation.js

@@ -12,7 +12,7 @@ function init() {
                     enableKinetic: true
                 }
             }),
-            new OpenLayers.Control.ZoomPanel()
+            new OpenLayers.Control.Zoom()
         ],
         layers: [
             new OpenLayers.Layer.OSM("OpenStreetMap", null, {