ArcGIS Server Rest for Javascript API 学习教程-1
2011-10-18 17:28
513 查看
大家好,前一阵子时间一直在学习ArcGIS的JS API,这个东西从08年的1.0已经发展到现在已经到了2.5版本,每个版本都推出了很多新功能,现在可以说是一个功能非常强大的GIS的js框架。它的技术是基于dojo的,所以学习它的同时连同dojo也就一块学了,一举两得啊呵呵~
学习了一段时间之后,我觉得需要把所学到的东西进行沉淀、总结,因此从今天开始我会在我的csdn博客里发表对JsAPI学习的心得和体会,希望对感兴趣的同学能有所帮助。
还要说明一点:Js API的接口其实全部是根据ArcGISServer的Rest服务设计的,因此如果能了解Rest服务的功能将对理解Js API有很大的帮助
好了,下面我们来从我们最常用的Map类说起。
options:地图配置项,在这里可以配置初始范围、比例尺、瓦片等级等信息。
我们重点来说一下options中的常用属性
1.extent<Extent> :设置地图当前视窗的范围。
2.layer:初始化地图用的基础图层,结构:{layertype, url}
3.lods:瓦片图层的瓦片结构,如果设置了这一项,那么所有加载到地图的瓦片图层就必须和lods具有相同的分辨率才能正确加载。
构造时可按如下结构构造,其实这个结构可以在瓦片图层的rest服务中查看:)
4.displayGraphicsOnPan<Boolean>:当拖动地图时,是否显示graphic图层中的要素。默认为true(显示)。
5.showInfoWindowOnClick<Boolean>:单击graphic图层中的图形时,是否显示infowindow,默认是true(显示)
6.slider<Boolean>:是否显示比例尺滚动滑块,默认是true(显示)
7.nav<Boolean>:是否显示平移按钮,默认是false(不显示,八个方向各有一个)
8.position:地图左上角的屏幕坐标
返回值:infoWindow需要显示的位置,具体值如下:(取自esri.dijit.InfoWindow)
ANCHOR_LOWERLEFT InfoWindow is anchored to the lower left ofthe point.
ANCHOR_LOWERRIGHT InfoWindow is anchored to the lower right of thepoint.
ANCHOR_UPPERLEFT InfoWindow is anchored to the upper left of thepoint.
ANCHOR_UPPERRIGHT InfoWindow is anchored to the upper right ofthe point.
2. reorderLayer(layer, index) 改变图层在map中的位置,但不能改变底图的位置0,
学习了一段时间之后,我觉得需要把所学到的东西进行沉淀、总结,因此从今天开始我会在我的csdn博客里发表对JsAPI学习的心得和体会,希望对感兴趣的同学能有所帮助。
还要说明一点:Js API的接口其实全部是根据ArcGISServer的Rest服务设计的,因此如果能了解Rest服务的功能将对理解Js API有很大的帮助
好了,下面我们来从我们最常用的Map类说起。
一、构造Map对象,使用esri.Map(divId, options?)
divId:承载map的页面元素options:地图配置项,在这里可以配置初始范围、比例尺、瓦片等级等信息。
我们重点来说一下options中的常用属性
1.extent<Extent> :设置地图当前视窗的范围。
2.layer:初始化地图用的基础图层,结构:{layertype, url}
3.lods:瓦片图层的瓦片结构,如果设置了这一项,那么所有加载到地图的瓦片图层就必须和lods具有相同的分辨率才能正确加载。
构造时可按如下结构构造,其实这个结构可以在瓦片图层的rest服务中查看:)
var lods = [ {"level" : 0,"resolution" : 0.010986328125, "scale" : 4617149.97766929}, {"level" : 1,"resolution" : 0.0054931640625, "scale" :2308574.98883465}, {"level" : 2,"resolution" : 0.00274658203125, "scale" :1154287.49441732}, {"level" : 3,"resolution" : 0.001373291015625, "scale" :577143.747208662}, {"level" : 4,"resolution" : 0.0006866455078125, "scale" :288571.873604331} ];
4.displayGraphicsOnPan<Boolean>:当拖动地图时,是否显示graphic图层中的要素。默认为true(显示)。
5.showInfoWindowOnClick<Boolean>:单击graphic图层中的图形时,是否显示infowindow,默认是true(显示)
6.slider<Boolean>:是否显示比例尺滚动滑块,默认是true(显示)
7.nav<Boolean>:是否显示平移按钮,默认是false(不显示,八个方向各有一个)
8.position:地图左上角的屏幕坐标
二、Map类的常用方法:
1. getInfoWindowAnchor(screenCoords):根据屏幕坐标点,获取infoWindow需要显示的位置返回值:infoWindow需要显示的位置,具体值如下:(取自esri.dijit.InfoWindow)
ANCHOR_LOWERLEFT InfoWindow is anchored to the lower left ofthe point.
ANCHOR_LOWERRIGHT InfoWindow is anchored to the lower right of thepoint.
ANCHOR_UPPERLEFT InfoWindow is anchored to the upper left of thepoint.
ANCHOR_UPPERRIGHT InfoWindow is anchored to the upper right ofthe point.
2. reorderLayer(layer, index) 改变图层在map中的位置,但不能改变底图的位置0,
相关文章推荐
- ArcGIS Server Rest for Javascript API 学习教程-3
- ArcGIS Server Rest for Javascript API 学习教程-4
- ArcGIS Server Rest for Javascript API 学习教程-2
- ArcGIS API for JavaScript 4.2学习笔记[5] 官方API大章节概述与内容转译
- ArcGIS API for JavaScript 4.2学习笔记[12] View的弹窗(Popup)
- ArcGIS API for JavaScript 4.2学习笔记[13] Layer的弹窗(PopupTemplate)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript中GraphicsLayer应用(五)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现Toc功能(二)
- lzugis——Arcgis Server for JavaScript API之自己定义InfoWindow
- ArcGIS 9.3 For JavaScript API 学习笔记
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现查询定位中心的功能和FindTask功能应用(七)
- ArcGIS Server开发教程系列(7)使用ArcGIS API for Javascript-Hello World
- ArcGIS API for JavaScript 4.2学习笔记[31] (补充学习)Task类
- ArcGIS api for JavaScript 4.3 学习笔记(0)本地Tomcat部署arcgis_js_api
- Arcgis api for javascript学习笔记-三维地图的飞行效果
- ArcGIS.Server.9.3和ArcGIS API for JavaScript实现Identify功能(六)
- ArcGIS API for JavaScript开发教程系列(一)之创建地图
- ArcGIS API for JavaScript开发笔记(二)GP服务REST调用
- ArcGIS Server开发教程系列(8)ArcGIS API for Javascript-控件(小部件)
- ArcGIS.Server.9.3和ArcGIS API for JavaScript保存自定义图形(十)