描述
本例展示了當用戶點擊平移按鈕時如何定制地圖的動畫。panDuration和panRate是Dojo動畫屬性，可以分別確定動畫的duration和幀刷新的 rate。這些屬性的單位都是毫秒，panDuration默認為值是250，panRate默認值是25。
在本例中可以調整這些屬性來為數據和應用獲得更好的樣子。例如，如果地圖需要一個很長的時間來加載，可以增大panDuration的值以便等待平面地圖加載時看的空屏幕時間較少。相反地，如果地圖加載很快，可以降低panDuration給地圖更快的感覺。
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <meta http-equiv="X-UA-Compatible" content="IE=7" /> 6 <title>定制平移動畫</title> 7 <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/tundra.css"> 8 <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script> 9 <script type="text/javascript"> 10 dojo.require("esri.map"); 11 function init() { 12 //定制平移動畫 13 esriConfig.defaults.map.panDuration = 1000;//單位是毫秒，默認值是250 14 esriConfig.defaults.map.panRate = 50;//單位是毫秒，默認值是25 15 16 17 var myExtent = new esri.geometry.Extent(-125,28,-62,45,new esri.SpatialReference({wkid:4326})); 18 var map = new esri.Map("mapDiv",{nav:true,extent:myExtent}); 19 map.addLayer(new esri.layers.ArcGISTiledMapServiceLayer( 20 "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer" 21 22 )); 23 24 } 25 dojo.addOnLoad(init); 26 </script> 27 </head> 28 <body class="tundra"> 29 Configure map zoom pan animation 30 <div id="mapDiv" style="width:1024px; height:512px; border:1px solid #000;"></div> 31 </body> 32 </html>