This sample shows how you can customize the animation behavior of the map when a user clicks the pan buttons. The panDuration and panRate are Dojo animation properties that determine the duration of the animation and the rate of frame refresh, respectively. These properties are both measured in milliseconds and default to 250 for the pan duration and 25 for the pan rate.
You can adjust the properties in this sample to get the best look for your data and application. For example, if your map takes a long time to load, you might increase the pan duration so that the user will spend less time looking at an empty screen while waiting for the panned map to load. Conversely, if your map loads quickly, you might decrease the duration to give the map a faster feel.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>Map Pan Animation</title>
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/tundra.css">
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script>
<script type="text/javascript">
dojo.require("esri.map");
function init() {
//configure map pan animation to be slower
esriConfig.defaults.map.panDuration = 1000; //time in milliseconds; default panDuration:250
esriConfig.defaults.map.panRate = 50; //refresh rate of zoom animation; default panRate:25
var myExtent = new esri.geometry.Extent(-125, 28, -62, 45, new esri.SpatialReference({wkid:4326}));
var map = new esri.Map("map", {nav:true, extent:myExtent});
map.addLayer(new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer"));
}
dojo.addOnLoad(init);
</script>
</head>
<body class="tundra">
Configure map zoom pan animation
<div id="map" style="width:1024px; height:512px; border:1px solid #000;"></div>
</body>
</html>