Changeset 6045

Timestamp:

02/07/08 16:59:03 (1 year ago)

Author:

crschmidt

Message:

Add version of animated panning:

• With cancel-on-drag support
  
• With pan as a wrapper for panTo
  
• With a more fun example (dancing map!)
  

Depends on current patches for #967 and on #1308

Files:

• sandbox/crschmidt/animated_panning/examples/animated_panning.html (added)
• sandbox/crschmidt/animated_panning/lib/OpenLayers/Control/OverviewMap.js (modified) (2 diffs)
• sandbox/crschmidt/animated_panning/lib/OpenLayers/Map.js (modified) (2 diffs)

sandbox/crschmidt/animated_panning/lib/OpenLayers/Control/OverviewMap.js

@@ -435 +435 @@
-        // create the overview map
-        var options = OpenLayers.Util.extend(
-
+, 'fallThrough': false
-        this.ovmap = new OpenLayers.Map(this.mapDiv, options);
-        
@@ -511 +511 @@
-    updateMapToRect: function() {
-        var lonLatBounds = this.getMapBoundsFromRectBounds(this.rectPxBounds);
-setCenter(lonLatBounds.getCenterLonLat(), this.map.zoom
+panTo(lonLatBounds.getCenterLonLat()
-    },
-

sandbox/crschmidt/animated_panning/lib/OpenLayers/Map.js

@@ -1242 +1242 @@
-        if (!newCenterPx.equals(centerPx)) {
-            var newCenterLonLat = this.getLonLatFromViewPortPx(newCenterPx);
-setCenter
+panTo
-        }
-
-   },
+   
+   /** 
+     * APIMethod: panTo
+     * Allows user to pan to a new lonlat
+     * If the new lonlat is in the current extent the map will slide smoothly
+     * 
+     * Parameters:
+     * lonlat - {<OpenLayers.Lonlat>}
+     */
+    panTo: function(lonlat) {
+        if (this.getExtent().containsLonLat(lonlat)) {
+            if (!this.panTween) {
+                this.panTween = new OpenLayers.Tween(OpenLayers.Easing.Expo.easeOut);
+            }
+            var center = this.getCenter();
+            var from = {
+                lon: center.lon,
+                lat: center.lat
+            };
+            var to = {
+                lon: lonlat.lon,
+                lat: lonlat.lat
+            };
+            this.panTween.start(from, to, 50, {
+                callbacks: {
+                    start: OpenLayers.Function.bind(function(lonlat) {
+                        this.events.triggerEvent("movestart");
+                    }, this),
+                    eachStep: OpenLayers.Function.bind(function(lonlat) {
+                        var lonlat = new OpenLayers.LonLat(lonlat.lon, lonlat.lat);
+                        this.moveTo(lonlat, this.zoom, true);
+                    }, this),
+                    done: OpenLayers.Function.bind(function(lonlat) {
+                        this.events.triggerEvent("moveend");
+                    }, this)
+                }
+            });
+        } else {
+            this.setCenter(lonlat);
+        }
+    },
-
-    /**
@@ -1286 +1327 @@
-        // noEvent is false by default
-        var noEvent = options.noEvent;
+
+        if (this.panTween && options.source == "setCenter") {
+            this.panTween.stop();
+        }    
-             
-        if (!this.center && !this.isValidLonLat(lonlat)) {