您的位置：首页 > Web前端 > JavaScript

深入浅出 Javascript API（四）--绘制 Graphics<转>

2009-07-06 12:39 441 查看

Graphics绘制是webgis基本编辑功能之一，基于JavascriptAPI进行开发很容易联想到其基础功能的提供者--Dojo，point、multipoint、polyline、polygon等基本图形可以很方便的在地图上绘制出来，效果还不错！这里需要引入一个新的库"esri.toolbars.draw"。
Toolbar并不是一个用户接口组件，而是一个Helper类用于在地图上绘制图形，通常由客户端的UI组件来触发所要绘制的具体图形，如通过按钮触发：
Point

用户绘制完成后，将触发事件来完成具体图形的显示：
dojo.connect(tb, "onDrawEnd", addGraphic);

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

var queryTask =
new esri.tasks.QueryTask("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/0");
var query =
new esri.tasks.Query();
query.where =
"STATE_NAME = 'Washington'";
query.returnGeometry =
true;
query.outFields = ["CITY_NAME"];
queryTask.execute(query, addPointsToMap);

上面URL指向的是另外一个REST服务，addPointsToMap将所有符合条件的点都添加到Map中作为Graphics显示，接下来就是要在这些点中框选点并用不同颜色高亮显示。
function findPointsInExtent(extent) function initToolbar(map) {
var tb =
new esri.toolbars.Draw(map);
dojo.connect(tb, "onDrawEnd", findPointsInExtent);
tb.activate(esri.toolbars.Draw.EXTENT);
}

Demo演示：http://resources.esri.com/help/9.3/arcgisserver/apis/javascript/arcgis/demos/Graphics/points_in_extent.html

博客园链接：/article/4743198.html

本主题由 flyingis 于 2008-10-16 09:00 设置高亮

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航