ArcGISServer93和ArcGIS API for JavaScript实现距离量算和面积量算.docx
ArcGIS.Server.9.3和ArcGISAPIforJavaScript实现距离量算和面积量算(九)
目的:
1.ArcGIS.Server.9.3和ArcGISAPIforJavaScript实现距离量算和面积量算,这里主要是通过GeometryServer实现。
准备工作:
在ArcGisServer9.3中发布名为usa的MapServer。
在ArcGisServer9.3中发布名为Geometry的GeometryServer。完成后的效果图:
开始
关于GeometryServer的介绍,GeometryService,GeometryService是给程序提供几
何计算如buffering,simplifying,calculatingareas、lengths, projecting等功能,
GeometryService可以用来代替ArcObjects或geoprocessingservice等做的这些几何计
算,它是ArcGISServer9.3提供的新功能,本例子中就用到了simplifying、calculatingareas、lengths、projecting四个功能。
启动vs新建名为MeasureSample的ASP.NETWeb应用程序。其实jsapi是纯客户端的开发了不需要vs也不需要.net了,纯html页面就可以了用记事本都可以开发了。我这里为了方便了就用vs2008了,毕竟可以调试js脚本了。
接着在工程中添加名为javascript的文件夹并且在这个文件夹里新建wabapp.js的文件,这
里用来编写我们自己的js代码了,在Default.aspx页面里添加对这个js文件的引用,同时在
Default.aspx页面里添加一个id为map的div标签作为地图控件的载体、3个input的功能按钮、一个信息显示的span:
%@PageLanguage=C#AutoEventWireup=trueCodeBehind=Default.aspx.csInherits=MeasureSample._Default%
!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://ww/TR/xhtml1/DTD/xhtml1-transitional.dtd
htmlxmlns=/1999/xhtml
headrunat=server
titleUntitledPage/title
linkrel=stylesheettype=text/csshref=
/jsapi/arcgis/1.2/js/dojo/dijit/themes/tundra/tundra.css
scripttype=text/javascriptsrc=/jsapi/arcgis/?v=1.2/script
scripttype=text/javascriptsrc=javascript/webapp.js/script
/head
bodyclass=tundra
formid=form1runat=server
div
inputid=Button1type=buttonvalue=距离测量
onclick=toolbar.activate(esri.toolbars.Draw.LINE);map.hideZoomSlider();/
inputid=Button2
type=buttonvalue=面积测量
onclick=toolbar.activate(esri.toolbars.Draw.POLYGON);map.hideZoomSlider();
/inputid=Button3type=buttonvalue=漫游
onclick=toolbar.deactivate();map.showZoomSlider();/spanid=distance
/span/div
divid=mapclass=tundrastyle=width:512px;height:400px;border:1pxsolid#000;/div
/form
/body
/html
上面的html代码非常的简单了,主要可以看一下3个功能按钮的onclick事件方法。
切换到wabapp.js文件编写js功能代码,功能主要是分为3部分,第一载入地图进行显示;