码迷,mamicode.com
首页 > 移动开发 > 详细

ArcGIS api for javascript——地图配置-定制平移动画

时间:2017-03-13 12:34:42      阅读:333      评论:0      收藏:0      [点我收藏+]

标签:round   amp   color   title   style   org   lsm   tle   好的   

描述

本例展示了当用户点击平移按钮时如何定制地图的动画。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>

 

ArcGIS api for javascript——地图配置-定制平移动画

标签:round   amp   color   title   style   org   lsm   tle   好的   

原文地址:http://www.cnblogs.com/xiaotian-222/p/6541852.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!