Use a PanZoom control on small screens instead of a PanZoomBar control.

diff --git a/public/javascripts/map.js b/public/javascripts/map.js
index a25ab1614d655adcca53d1299c14d8f717a23b9d..e548a89a421a02e6f7ff8a34a02c0c0f4b1ff79b 100644 (file)
--- a/public/javascripts/map.js
+++ b/public/javascripts/map.js
@@ -22,6 +22,7 @@ function createMap(divName, options) {
          new OpenLayers.Control.Attribution(),
          new OpenLayers.Control.LayerSwitcher(),
          new OpenLayers.Control.Navigation(),
+         new OpenLayers.Control.PanZoom(),
          new OpenLayers.Control.PanZoomBar()
       ],
       units: "m",

diff --git a/public/stylesheets/print.css b/public/stylesheets/print.css
index 3acf6b3fb591ecc021b8f07612fa9ba098187edc..7d8c1a95648bf971adaada3437182d4b7f9736fe 100644 (file)
--- a/public/stylesheets/print.css
+++ b/public/stylesheets/print.css
@@ -18,6 +18,10 @@
   display: none;
 }
 
+.olControlPanZoom {
+  display: none;
+}
+
 .olControlPanZoomBar {
   display: none;
 }

diff --git a/public/stylesheets/site-sml.css b/public/stylesheets/site-sml.css
index 5c5213ac82081c2d46e7e32569e93be848b792d6..4f49100e976fec3380c169415566d2273221d38c 100644 (file)
--- a/public/stylesheets/site-sml.css
+++ b/public/stylesheets/site-sml.css
@@ -142,3 +142,7 @@ h1 {
     width: 100%;
     max-width: 18em;
 }
+
+.olControlPanZoomBar {
+  display: none;
+}

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index 4b40940df722bd34d7c7d26f07814309095e245a..b39c8a7b9e53dc207eb75e57eaf9f6f819fe241c 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -3,3 +3,7 @@
 #logo-img-sml {
     display: none;
 }
+
+.olControlPanZoom {
+  display: none;
+}