fixed ruler layer which hides control buttons

2 files changed, 3 insertions, 3 deletions

diff --git a/map.css b/map.css
index 78c8eef..3299610 100644
--- a/map.css
+++ b/map.css
@@ -39,8 +39,8 @@ div.box {
 }
 
 #distboxouter {
-  position: fixed;
-  width: 99%;
+  position: absolute;
+  width: 100%;
   top: 10px;
   background: none;
   text-align: center;
diff --git a/map.js b/map.js
index 7964726..b580b84 100644
--- a/map.js
+++ b/map.js
@@ -25,9 +25,9 @@ function initialize(lat, lng, res) {
     map.setMapType(G_NORMAL_MAP);
     map.setZoom(res);
   }
+  map.addControl(new RulerControl());
   map.addControl(new GSmallMapControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,20)));
   map.addControl(new GMapTypeControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(50,10)));
-  map.addControl(new RulerControl());
 
   GEvent.addListener(map, "addoverlay", onAddOverlay);    
   GEvent.addListener(map, "zoomend", onZoom);