ArcGis-for-javaScript最全中文API

1.示例概述这些示例展示了如何使用ArcGISJavaScriptAPI的各种功能。每个示例页包含一个在线的演示，示例里做了什么的描述和源代码。查看视频展示如何拷贝示例代码并在机器上运行。这些示例使用一颗星，两颗星或三颗星对相关复杂度进行了分类。如果刚刚学习ArcGISJavaScriptAPI，从一颗星示例开始可以更好的理解示例。在很多情况下，可以扩展或合并示例来为自己的应用创建一个起始点。查看视频来学习如何创建起始点。示例使用的服务来自ESRI示例服务器(sampleserver1和sampleserver2)和ArcGISOnline。能够在自己的测试应用中使用来自ESRI示例服务器上的服务来学习API。也可以在自己的应用中使用ArgGISOnline图层。使用条款见ArcGISOnline的首页。2.地图2.1加入一个地图描述这个示例显示ArcGISServer的一个地图。ArcGISServer地图是缓存的，意味着它有服务器管理员建来提升性能的一组预先渲染的切片。由于这个原因地图通过ArcGISTiledMapServiceLayer表示。如果地图服务没有一个可用的缓存，使用ArcGISDynamicMapServiceLayer。如果不知道地图服务是否有缓存可用，使用ServicesDirectory寻找。注意切片地图服务图层的构造函数包含服务的URL()，使用ServicesDirectory找到自己的地图服务的URL。这行加入ArcGISServer地图map.addLayer(tiledMapServiceLayer);代码!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01//EN=Content-Typecontent=text/html;charset=utf-8/metahttp-equiv=X-UA-Compatiblecontent=IE=7/titleCreateMap/titlelinkrel=stylesheettype=text/csshref==text/javascriptsrc==1.5/scriptscripttype=text/javascriptdojo.require(esri.map);functioninit(){varmap=newesri.Map(map);vartiledMapServiceLayer=newesri.layers.ArcGISTiledMapServiceLayer();map.addLayer(tiledMapServiceLayer);}dojo.addOnLoad(init);/script/headbodyclass=tundradivid=mapstyle=width:900px;height:600px;border:1pxsolid#000;/divCreatesamapandaddsanArcGISTiledMapServiceLayer.br/Mapnavigationusingmouse:ulliDragtopan/liliSHIFT+Clicktorecenter/liliMouseScrollForwardtozoomin/liliMouseScrollBackwardtozoomout/liliUseArrowkeystopan/lili+keytozoominalevel/lili-keytozoomoutalevel/liliDoubleClicktoCenterandZoomin/li/ul/body/html2.2加入地图并显示当前地图范围描述这个示例使用Map.extentproperty属性接收地图范围的左下角和右上角坐标书签。使用下列行创建地图:varmap=newesri.Map(map);上面行中Map出现了三次。第一次(varmap)是对象的名称，第二次(esri.Map)是类的名称,第三次(map)是将包含地图的DIV的名称。这个示例加入一个ArcGISTiledMapServiceLayer到底图，表示一个cachedArcGISServer地图服务，但是也可以使用ArcGISDynamicMapServiceLayer。这种方式接收的地图的范围是相同的。注意切片地图服务层的构造函数需要服务的REST端点的URL()。可以使用ServicesDirectory找到地图服务的URL。下行代码为地图的showExtent事件增加了一个事件监听器：dojo.connect(map,onExtentChange,showExtent);这意味着如果地图的范围被修改，回调函数showExtent将被调用。showExtent函数构建一个包含地图的两个角的坐标的字符串。Lowerleftcorner=(extent.xmin,extent.ymin)Upperrightcorner=(extent.xmax,extent.ymax)这两个角是需要知道用于地图的边界框的。showExtent函数的最后一行通过增加完整的字符串到'info'DIV在页面上显示坐标:dojo.byId(info).innerHTML=s;代码!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01//EN=Content-Typecontent=text/html;charset=utf-8/metahttp-equiv=X-UA-Compatiblecontent=IE=7/titleCreateMap/titlelinkrel=stylesheettype=text/csshref==text/javascriptsrc==1.5/scriptscripttype=text/javascriptdojo.require(esri.map);functioninit(){varmap=newesri.Map(map);vartiledMapServiceLayer=newesri.layers.ArcGISTiledMapServiceLayer();map.addLayer(tiledMapServiceLayer);dojo.connect(map,onExtentChange,showExtent);}functionshowExtent(extent){vars=;s=XMin:+extent.xmin+ +YMin:+extent.ymin+ +XMax:+extent.xmax+ +YMax:+extent.ymax;dojo.byId(info).innerHTML=s;}dojo.addOnLoad(init);/script/headbodyclass=tundradivid=mapstyle=width:900px;height:600px;border:1pxsolid#000;/divdivid=infostyle=padding:5px;margin:5px;background-color:#eee;/divCreatesamapandaddsanArcGISTiledMapServiceLayer.OnmaponExtentChangedeventyoushouldseetheextentprintedbelowthemap.br/Mapnavigationusingmouse:ulliDragtopan/liliSHIFT+Clicktorecenter/liliSHIFT+Dragtozoomin/liliSHIFT+CTRL+Dragtozoomout/liliMouseScrollForwardtozoomin/liliMouseScrollBackwardtozoomout/liliUseArrowkeystopan/lili+keytozoominalevel/lili-keytozoomoutalevel/liliDoubleClicktoCenterandZoomin/li/ul/body/html2.3加入地图并显示x,y坐标描述这个示例报告了用户在地图上悬停和拖拽鼠标的鼠标指针坐标。通过事件监听器来更新鼠标移到的x和y坐标。下行代码创建了地图：varmap=newesri.Map(map);上面行中Map出现了三次。第一次(varmap)是对象的名称，第二次(esri.Map)是类的名称,第三次(map)是将包含地图的DIV的名称。这个示例加入一个ArcGISTiledMapServiceLayer到底图，表示一个cachedArcGISServer地图服务，但是也可以使用ArcGISDynamicMapServiceLayer。这种方式接收的地图的范围是相同的。注意切片地图服务层的构造函数需要服务的REST端点的URL()。可以使用ServicesDirectory找到地图服务的URL。这两行代码增加了事件监听器到地图。一个监听器为了onMouseMove，另外一个为了onMouseDrag，但是他们都是调用函数showCoordinates:dojo.connect(map,onMouseMove,showCoordinates);dojo.connect(map,onMouseDrag,showCoordinates);这些事件都传递地图点坐标到showCoordinates函数。下列代码是函数如何获得坐标并写到info标签：varmp=evt.mapPoint;dojo.byId(info).innerHTML=mp.x+,+mp.y;代