Javascript API 应用之绘制 Graphics - Powered by Discuz!NT Archiver

cobra - 2008-7-25 8:37:00

文/flyingis 出处/博客园

Graphics绘制是webgis基本编辑功能之一，基于Javascript API进行开发很容易联想到其基础功能的提供者--Dojo，point、multipoint、polyline、polygon等基本图形可以很方便的在地图上绘制出来，效果还不错！这里需要引入一个新的库"esri.toolbars.draw"。

Toolbar并不是一个用户接口组件，而是一个Helper类用于在地图上绘制图形，通常由客户端的UI组件来触发所要绘制的具体图形，如通过按钮触发：Point

用户绘制完成后，将触发事件来完成具体图形的显示：

Code

了解AO和Ags ADF的开发人员都知道，图形一般由两部分组成，一是所要绘制的几何图形，即geometry，一是绘制图形的显示效果，如SimpleMarkerSymbol，所以在addGraphic方法要完成这两部分的赋值：

Code

内容目录：

1.各种基本图形绘制
2.选择点要素并以Graphics方式高亮显示

1.在上文对Graphics绘制功能编写基础上，以官方网站上的代码为例，在客户端提供多种基础形状的绘制功能，此时Graphics形状由用户客户端通过toolbar提供的helper方法决定，绘制的显示效果通过一个DropDownList进行选择：

Code

Toolbar初始化及事件监听在map.addLayer之前完成：

Code

构建界面UI之后，可以直接浏览网页，Demo演示地址：
http://resources.esri.com/help/9 ... phics/graphics.html

2.框选点要素，在很多行业应用中都涉及到，如对银行POI网点选择，电线杆塔统计，烟草销售点业态分析等等，在Javascript API实现这样的功能，需要分两步实现，第一是框选查询，第二是对查询的结果渲染并以Graphics方式显示。

查询功能在后续文章中会详细介绍，这里仅轻笔带过，引入"esri.tasks.query"，查询功能实现：

Code

上面URL指向的是另外一个REST服务，addPointsToMap将所有符合条件的点都添加到Map中作为Graphics显示，接下来就是要在这些点中框选点并用不同颜色高亮显示。

Code