好文档 - 专业文书写作范文服务资料分享网站

WebGIS经典例子 - 图文

天下 分享 时间: 加入收藏 我要投稿 点赞

(一)ArcGIS.Server.9.3和ArcGIS API for Flex实现基本的地图浏览 2

(二)ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示 5

(三)ArcGIS.Server.9.3和ArcGIS API for Flex实现自己的Toc控件 8

(四)ArcGIS.Server.9.3和ArcGIS API for Flex实现Toolbar功能 16

(五)ArcGIS.Server.9.3和ArcGIS API for Flex实现GraphicsLayer上画点、线、面 20

(六)ArcGIS.Server.9.3和ArcGIS API for Flex实现Identify的功能图查属性 25

(七)ArcGIS.Server.9.3和ArcGIS API for Flex实现Query查询定位中心功能 30

(八)ArcGIS.Server.9.3和ArcGIS API for Flex实现MapTips 37

(九)ArcGIS.Server.9.3和ArcGIS API for Flex在MapTips显示饼图数据统计 42

(十)ArcGIS.Server.9.3

ArcGIS API for Flex

GeometryService和buffer分析 49

(十三)ArcGIS.Server.9.3和ArcGIS API for Flex的GeoprocessingServices和最短路径分析 65

(一)ArcGIS.Server.9.3和ArcGIS API for Flex实现基本的地图浏览

目的:

1.ArcGIS API for Flex实现在Flex程序中浏览自己的ArcGIS.Server.9.3中发布的地图,一个最基本的入门例子。 准备工作:

1.在ArcGIS.Server.9.3发布一个叫usa的Map Service,并且把这个Service启动起来。 2.安装Flex Builder3。

3.下载ArcGIS API for Flex library的开发包arcgis_flex_api_1.0-beta然后解压缩到文件夹中,地址:http://resources.esri.com/arcgisserver/apis/flex/index.cfm 完成后的效果图:

开始:

1.启动Flex Builder3,点击菜单File->New->Flex Project,然后输入项目名称Project Name:flexMapApp接着点击Next选择输出文件夹(不用修改默认就行)继续Next然后出现如下界面:

2.在上面的界面中点击Library path然后点击Add SWC找到上面解压到目录中的agslib-1.0-beta-2008-07-31.swc文件点击ok,在这里就把ArcGIS API for Flex library的开发包引入到工程中来,就可以在工程中使用Esri提供的Flex组件了。

3.然后点击Finish按钮后就完成了工程的建立工作,工程建立后有会默认建立一个flexMapApp.mxml的文件,这个就是Flex的页面文件,查看一下代码:

1

2 3

4 5

4.是一个空的页面了接下来在这个页面中添加Map控件了,Flex下的Map控件支持ArcGISDynamicMapServiceLayer 、ArcGISImageServiceLayer、ArcGISTiledMapServiceLayer、ArcIMSMapServiceLayer 、GraphicsLayer等几种类型的layer,这些类型的layer区别其实看名字就能知道区别了,比如ArcGISDynamicMapServiceLayer就是支持ArcGIS Server发布的普通的地图服务,ArcGISTiledMapServiceLayer支持ArcGIS.Server发布的切片缓存地图。。。 5.在这里采用ArcGISDynamicMapServiceLayer,因为上面在ArcGIS Server中发布的USA的Map Service是普通的动态生成的地图,添加Map控件可以输入代码。

代码输入可以在标签内输入代码,具体如下: 1

xmlns:mx=”http://www.adobe.com/2006/mxml”

layout=”absolute”

xmlns:esri=”http://www.esri.com/2008/ags”> 2 3

url=”http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer”/> 4 5

上面的代码中属性url就是上面发布的USA的Map Service的rest服务地址。

这样就可以直接运行查看地图效果了,很简单。

6.接下来可以对Map控件的属性做一些设置,常用属性解释如下:

clickRecenterEnabled:true/false 是否开启按shift键点击地图定位中心的功能。 crosshairVisible:true/false 是否在地图的中心显示十字。

doubleClickZoomEnabled:true/false 是否开启双击地图放大的功能。

keyboardNavigationEnabled :true/false 是否开启键盘进行地图导航放大缩小的功能。 mapNavigationEnabled :true/false 是否开启地图导航的功能。

panArrowsVisible:true/false 是否在地图的四边以及4个角显示移动地图箭头按钮的功能。 panEnabled:true/false 是否开启拖拽地图移动的功能。

rubberBandZoomEnabled:true/false 是否开启按shift+拉框放大地图的功能。 scaleBarVisible:true/false 是否显示放大缩小功能按钮条。

scrollWheelZoomEnabled:true/false 是否开启鼠标滚轮放大缩小的功能。 logoVisible:true/false 是否地图上显示logo图标。 7:本例完成后的所有代码如下: 1 234

xmlns:mx=”http://www.adobe.com/2006/mxml”

layout=”absolute”

xmlns:esri=”http://www.esri.com/2008/ags” backgroundColor=”white”>

logoVisible=”false” borderStyle=”solid” crosshairVisible=”true” panArrowsVisible=”true”> url=”http://jh-53a435fbc0e8/ArcGIS/rest/services/USA/MapServer”/> 5 6

(二)ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示

2009年09月11日 6:59 上午 | 分类:Flex

目的:

1.ArcGIS.Server.9.3和ArcGIS API for Flex实现动态图层和瓦片图层叠加显示,在瓦片基图上显示动态图层。 准备工作:

1.在ArcGIS.Server.9.3发布一个叫USA的Map Service,并且把这个Service启动起来,这个作为动态图层数据。

2.瓦片数据我这里没有现成的就采用Esri提供的rest世界地图数据服务,地址如下:http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer。 完成后的效果图:

开始:

1.启动Flex Builder3,点击菜单File->New->Flex Project,然后输入项目名称Project Name:flexMapApp接着点击Next选择输出文件夹(不用修改默认就行)继续Next然后出现如下界面:

WebGIS经典例子 - 图文

(一)ArcGIS.Server.9.3和ArcGISAPIforFlex实现基本的地图浏览2(二)ArcGIS.Server.9.3和ArcGISAPIforFlex实现动态图层和瓦片图层叠加显示5(三)ArcGIS.Server.9.3和ArcGISAPIforFlex实现自己的Toc控件8(四)ArcGIS.Ser
推荐度:
点击下载文档文档为doc格式
7z2fc143570wk4s3w2fp
领取福利

微信扫码领取福利

微信扫码分享