Revised directory structure (js/ -> lib/, test/ -> tests/) to match JSAN distribution standards, as documented at http://www.openjsan.org/documentation/dists.html.

git-svn-id: http://svn.openlayers.org/trunk/openlayers@11 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
2006-05-12 21:15:53 +00:00
parent 059cef7570
commit 04ba28f5a4
15 changed files with 0 additions and 0 deletions
--- a/lib/OpenLayers/Control/PanZoom.js
+++ b/lib/OpenLayers/Control/PanZoom.js
@@ -0,0 +1,107 @@
+// @require: core/util.js
+// @require: core/alphaImage.js
+
+//
+// default zoom/pan controls
+//
+OpenLayers.Control.PanZoom = Class.create();
+OpenLayers.Control.PanZoom.prototype = 
+  Object.extend( new OpenLayers.Control(), {
+    // Array(...)
+    buttons: null,
+
+    initialize: function() {
+        OpenLayers.Control.prototype.initialize.apply(this, arguments);
+    },
+
+    draw: function() {
+        // initialize our internal div
+        OpenLayers.Control.prototype.draw.apply(this);
+
+        // place the controls
+        this.buttons = new Array();
+
+        var sz = new OpenLayers.Size(18,18);
+        var xy = new OpenLayers.Point(4,4);
+        var centered = new OpenLayers.Point(xy.x+sz.w/2, xy.y);
+
+        this._addButton("panup", "north-mini.png", centered, sz);
+        xy.y = centered.y+sz.h;
+        this._addButton("panleft", "west-mini.png", xy, sz);
+        this._addButton("panright", "east-mini.png", xy.addX(sz.w), sz);
+        this._addButton("pandown", "south-mini.png", centered.addY(sz.h*2), sz);
+        this._addButton("zoomin", "zoom-plus-mini.png", centered.addY(sz.h*3), sz);
+        this._addButton("zoomextents", "zoom-world-mini.png", centered.addY(sz.h*4), sz);
+        this._addButton("zoomout", "zoom-minus-mini.png", centered.addY(sz.h*5), sz);
+        return this.div;
+    },
+
+    _addButton:function(id, img, xy, sz) {
+        var imgLocation = OpenLayers.Util.getImagesLocation() + img;
+        // var btn = new ol.AlphaImage("_"+id, imgLocation, xy, sz);
+        var btn = OpenLayers.Util.createImage(
+                    imgLocation, sz, xy, "absolute", 
+                    "OpenLayers_Control_PanZoom_" + id );
+
+        //we want to add the outer div
+        this.div.appendChild(btn);
+
+        btn.onmousedown = this.buttonDown.bindAsEventListener(btn);
+        btn.ondblclick  = this.doubleClick.bindAsEventListener(btn);
+        btn.action = id;
+        btn.map = this.map;
+
+        //we want to remember/reference the outer div
+        this.buttons.push(btn);
+        return btn;
+    },
+    
+    doubleClick: function (evt) {
+        Event.stop(evt);
+    },
+    
+    buttonDown: function (evt) {
+        switch (this.action) {
+            case "panup": 
+                var resolution = this.map.getResolution();
+                var center = this.map.getCenter();
+                this.map.setCenter(
+                  new OpenLayers.LatLon(center.lat + (resolution * 50), 
+                                        center.lon
+                                       )
+                                  );
+                break;
+            case "pandown": 
+                var resolution = this.map.getResolution();
+                var center = this.map.getCenter();
+                this.map.setCenter(
+                  new OpenLayers.LatLon(center.lat - (resolution * 50), 
+                                        center.lon
+                                       )
+                                  );
+                break;
+            case "panleft": 
+                var resolution = this.map.getResolution();
+                var center = this.map.getCenter();
+                this.map.setCenter(
+                  new OpenLayers.LatLon(center.lat, 
+                                        center.lon - (resolution * 50)
+                                       )
+                                  );
+                break;
+            case "panright": 
+                var resolution = this.map.getResolution();
+                var center = this.map.getCenter();
+                this.map.setCenter(
+                  new OpenLayers.LatLon(center.lat, 
+                                        center.lon + (resolution * 50)
+                                       )
+                                  );
+                break;
+            case "zoomin": this.map.zoomIn(); break;
+            case "zoomout": this.map.zoomOut(); break;
+            case "zoomextents": this.map.zoomExtent(); break;
+        }
+        Event.stop(evt);
+    }
+});