深入浅出ArcGIS 9.3 Javascript API(三)

原创 2011年01月14日 10:47:00

第三章 地图配置

    对于WebGIS来说,地图配置是核心问题之一。地图是为业务服务的,围绕对地图基本操作的一些效果进行定制,有的是从程序调试考虑,有的从界面美观上考虑,有的从服务器响应速度上考虑。JavaScript API丰富的客户端表达和清凉便捷的开发方式可以非常好的处理这多种要素之间的关系,达到理想效果。
 
    我们来看采用JavaScript API模式如何进行程序调试,定制导航、移动、放大、缩小动画等基本地图功能以及制作滑动条标注、刻度、位置、大小等扩展地图功能。
 
    1.程序调试是开发中必不可少的一个重要过程,js调试在Firefox浏览器上有一个大家耳熟能详的工具Firebug。而在IE的环境中,可以利用Dojo的debug控制台管理调试过程中的信息,帮助开发。
 
    在head区域声明:
  <script type="text/javascript">djConfig = { isDebug:true };</script>

     然后在客户端事件响应过程中加入对事件的监控,并写入日志:
  dojo.connect(map, "onExtentChange", function(extent) { console.log("Extent changed : " + dojo.toJson(extent.toJson())); });
 
 
 
    2.导航按钮的定制很简单,esri.Map类提供了八个方位角所对应的方法:
map.panUpperLeft()
map.panUp()
map.panUpperRight()
 
    分别对应西北、北、东北,其他的可以在文档中查找。这些方法可以直接在客户端js脚本事件中调用,如按钮的onclick事件。
 
    3.移动和放大缩小的动画效果取决于客户的视觉感受,包括地图变化持续时间和移动(放大缩小)速度,但也要考虑服务器的负载,比如服务器访问量比较大。我们可以使用较长的持续时间和较慢的速度来改善用户体验,不至于让用户看到空白等待地图的出现。
 
移动(默认):
esriConfig.defaults.map.panDuration = 250; //0-1000ms
esriConfig.defaults.map.panRate = 25; //0-100
 
放大缩小(默认):
esriConfig.defaults.map.zoomDuration = 250;
esriConfig.defaults.map.zoomRate = 25;
 
    esriConfig可以用来重写JavaScript API的默认配置参数,除了上面列举的移动和放大缩小效果外,还有滑动条样式、标注,、放大框形状,以及连接REST连接点的代理等。
 
    4. 滚动条指的是地图默认左上方的放大缩小滑动条,类似于其他大众WebGIS应用站点Googlemap、Mapbar。通过简单的编程,可以修改滚动条的显示效果,如标注、刻度、位置、大小。创建esri.Map对象的时候,可以指定option参数,其中slider参数为Boolean类型,默认为true,写为false则不显示滚动条。
 
    滚动条标注指每一级放大缩小刻度所需显示的标注,通过针对cache地图,比如1级、2级、……或每个级别的比例尺
 
 
    图中显示的是比例尺的大小,通过layer.tileInfo.lods获取每个级别比例尺的信息
 var lods = layer.tileInfo.lods;
  for (var i=0, il=lods.length; i<il; i++) {
     labels[i] = lods[i].scale;
 }
 
    然后配置esriConfig.defaults.map.sliderLabel即可。默认状态和设置了"esriConfig.defaults.map.sliderLabel=false"效果分别为:
     
 
    位置和大小主要通过"esriConfig.defaults.map.slider"指定,可以让滚动条水平放置,还有设置离map边框的距离。以上这些都是客户端开发和网站界面设计时所需要考虑的,JavaScript API提供了一套比较方便的方法来实现各种效果。


本篇文章来源于 GIS空间站 转载请以链接形式注明出处 网址:http://www.gissky.net/Article/1397_3.htm

深入浅出ArcGIS 9.3 Javascript API

 http://www.gissky.net/Article/1397.htm
  • yangli08
  • yangli08
  • 2009-08-26 15:01:00
  • 408

arcgis Server 9.3 javascript api reference

  • 2011年01月17日 16:48
  • 388KB
  • 下载

ArcGIS.Server.9.3和ArcGIS API for JavaScript实现查询定位中心的功能和FindTask功能应用(七)

目的: 1.ArcGIS.Server.9.3和ArcGIS API for JavaScript实现查询定位中心的功能,主要是通过FindTask功能实现的,输入关键字后对指定的图层以及字段进行关...
  • xgl272268065
  • xgl272268065
  • 2014-04-17 14:22:55
  • 2741

ArcGIS API for JavaScript心得体验

&amp;gt; 学习和使用ArcGIS API for JavaScript开发差不多有两年了吧,跌跌撞撞断断续续也做了几个小项目,学习之路相对比较平滑,但也遇到不少坑坑洼洼,这些坑大部分是自己当时...
  • agisboy
  • agisboy
  • 2017-09-06 14:56:02
  • 2482

arcgis api for javascript 中文帮助文档和demo

  • 2015年01月13日 10:59
  • 28.24MB
  • 下载

【ArcGis for javascript从零开始】之二 ArcGIS for JavaScript安装本地API

本宝宝写这篇文章的时候,ArcGIS版本4已经出了两版Beta版了,版本3出到3.14开发版。但是我领导认为新的版本才运行没有多长时间,可能不太稳定,网上的类似文章出少,所以选定了3.9。这一点我必须...
  • pixie15
  • pixie15
  • 2015-12-15 16:03:22
  • 2117

创建ArcGIS API for JavaScript的第一个示例程序

在上一篇博客中已经介绍了如何搭建ArcGIS API for JavaScript开发环境,如果您还没有搭建好开发环境的话,参考博客:http://blog.csdn.net/zdw_wym/arti...
  • taomanman
  • taomanman
  • 2015-12-11 21:39:51
  • 5692

arcgis api for javascript 各个版本的SDK下载

1.首先,进入下载网站,需要登录才能下载。下载链接 2.选择需要下载的版本,进行下载。...
  • u012130706
  • u012130706
  • 2017-05-27 08:49:48
  • 4190

ArcGIS API for JavaScript 3.9至4.3版本全套API及SDK下载

  • 2017年04月12日 23:35
  • 55B
  • 下载

ArcGIS API for JavaScript 4.5安装配置及测试

Windows:托管API 在Windows上安装ArcGIS API for JavaScript库 以下说明假定您将ArcGIS JavaScript API库安装在用于Windows®Ser...
  • sinat_34719507
  • sinat_34719507
  • 2017-11-17 15:47:29
  • 1793
收藏助手
不良信息举报
您举报文章:深入浅出ArcGIS 9.3 Javascript API(三)
举报原因:
原因补充:

(最多只允许输入30个字)