http://blog.csdn.net/gisshixisheng/article/details/44098615

在web操作,如绘制或者测量的时候,为了精确,需要捕捉到某一图层的对象,在此,讲解下如何在Arcgis for JS中实现捕捉对象。
首先,在地图中添加一个graphiclayer:

  1. gLayer = new GraphicsLayer();
  2. map.addLayer(gLayer);

接着,在gLayer中添加几个对象:

  1. map.on("load",function(){
  2. var items = geometry.item;
  3. gLayer.add(new Graphic(WktToPoint(items[0].wkt, {"wkid":4326}),sms));
  4. gLayer.add(new Graphic(WktToPolyline(items[1].wkt, {"wkid":4326}),sls));
  5. gLayer.add(new Graphic(WktToPolygon(items[2].wkt, {"wkid":4326}),sfs));
  6. });

接下来,定义drawtoolbar以及绘制完成后的事件:

  1. var drawToolbar = new esri.toolbars.Draw(map,{tooltip: "place text"});
  2. drawToolbar.on("draw-end",showDrawResults);
  3. function showDrawResults(evt){
  4. drawToolbar.deactivate();
  5. map.setMapCursor("default");
  6. var geometry = evt.geometry;
  7. map.graphics.add(new Graphic(geometry,sls));
  8. };

接下来,定义一个Button,并添加button的click事件:

  1. <button id="draw" style="z-index: 99;">绘制图形</button>
  1. on(dom.byId("draw"), "click", function(){
  2. drawToolbar.activate(esri.toolbars.Draw.POLYLINE);
  3. });

接下来定义map的捕捉设置:

  1. var snapManager = map.enableSnapping({
  2. snapKey:has("mac") ? keys.META : keys.CTRL
  3. });
  4. var layerInfos = [{layer: gLayer}];
  5. snapManager.setLayerInfos(layerInfos);

备注:

此处,需要调用的dojo包包括:

    1. require([
    2. "esri/map",
    3. "esri/layers/GraphicsLayer",
    4. "esri/graphic",
    5. "esri/SnappingManager",
    6. "esri/sniff",
    7. "dojo/_base/event",
    8. "dojo/on",
    9. "dojo/dom",
    10. "dojo/keys",
    11. "dojo/domReady!"],
    12. function(Map, GraphicsLayer, Graphic, Point, SnappingManager, has,
    13. event, on,dom, keys) {

(转)Arcgis for JS之对象捕捉的更多相关文章

  1. Arcgis for Js之鼠标经过显示对象名的实现

    在浏览地图时,移动鼠标经过某个对象或者POI的时候,能够提示该对象的名称对用户来说是很实用的,本文讲述在Arcgis for Js中,用两种不同的方式来实现该效果. 为了有个直观的概念,先给大家看看实 ...

  2. (转)Arcgis for Js之鼠标经过显示对象名的实现

    http://blog.csdn.net/gisshixisheng/article/details/41889345 在浏览地图时,移动鼠标经过某个对象或者POI的时候,能够提示该对象的名称对用户来 ...

  3. Arcgis for JS之Cluster聚类分析的实现(基于区域范围的)

    原文:Arcgis for JS之Cluster聚类分析的实现(基于区域范围的) 咱们书接上文,在上文,实现了基于距离的空间聚类的算法实现,在本文,将继续介绍空间聚类之基于区域范围的实现方式,好了,闲 ...

  4. Arcgis for JS之Cluster聚类分析的实现

    原文:Arcgis for JS之Cluster聚类分析的实现 在做项目的时候,碰见了这样一个问题:给地图上标注点对象,数据是从数据库来 的,包含XY坐标信息的,通过graphic和graphicla ...

  5. Arcgis for js开发之直线、圆、箭头、多边形、集结地等绘制方法

    p{ text-align:center; } blockquote > p > span{ text-align:center; font-size: 18px; color: #ff0 ...

  6. arcgis for js学习之Draw类

    arcgis for js学习之Draw类 <!DOCTYPE html> <html> <head> <meta http-equiv="Cont ...

  7. arcgis for js学习之Graphic类

    arcgis for js学习之Graphic类 <title>Graphic类</title> <meta charset="utf-8" /> ...

  8. (转) 基于Arcgis for Js的web GIS数据在线采集简介

    http://blog.csdn.net/gisshixisheng/article/details/44310765 在前一篇博文“Arcgis for js之WKT和geometry转换”中实现了 ...

  9. (转) Arcgis for js之WKT和GEOMETRY的相互转换

    http://blog.csdn.net/gisshixisheng/article/details/44057453 1.wkt简介 WKT(Well-known text)是一种文本标记语言,用于 ...

随机推荐

  1. Linux学习总结(3)——Linux实用工具

    1. Windows下同步Linux文件(Linux安装Samba和配置) 场景需求: 安装了Ubuntu在虚拟机上,但是代码编辑或者其它更多的操作的时候,还是习惯在windows下进行.如果wind ...

  2. [bzoj3207]花神的嘲讽计划Ⅰ[可持久化线段树,hash]

    将每k个数字求一个哈希值,存入可持久化线段树,直接查询即可 #include <iostream> #include <algorithm> #include <cstd ...

  3. nyoj_102_次方求模_201308221547

    次方求模时间限制:1000 ms  |  内存限制:65535 KB 难度:3描述 求a的b次方对c取余的值 输入 第一行输入一个整数n表示测试数据的组数(n<100)每组测试只有一行,其中有三 ...

  4. 51nod——T1267 4个数和为0

    https://www.51nod.com/onlineJudge/questionCode.html#!problemId=1267 题目描述 给出N个整数,你来判断一下是否能够选出4个数,他们的和 ...

  5. [转]十五天精通WCF——第六天 你必须要了解的3种通信模式

    wcf已经说到第六天了,居然还没有说到这玩意有几种通信模式,惭愧惭愧,不过很简单啦,单向,请求-响应,双工模式,其中的第二种“请求-响应“ 模式,这个大家不用动脑子都清楚,这一篇我大概来分析下. 一: ...

  6. [数据结构与算法]排序算法(Python)

    1.直接插入排序 给定一个数组后,从第二个元素开始,如果比第一个小,就跟他交换位置,否则不动:第三个元素如果比第二个小,把第三个跟第二个交换位置,在把第二个与第一个比较:..... def inser ...

  7. 在CentOS VPS上源代码安装高版本号git

    背景:个别软件在国内下载非常慢,在vps下载就非常快. 可是下载好后的文件通过scp弄出来的时候又非常慢,所以想通过在vps里安装git,通过gitlab或oschina来进行中转.但遗憾的是,上传到 ...

  8. oc52--autorelease1

    // // main.m /* autorelease也是用于内存管理的,给对象发送autorelease消息就会把对象放入autoreleasepool这个池子中,当池子销毁的时候会对池子里面的所有 ...

  9. oc34--instancetype和id的区别

    // Person.h #import <Foundation/Foundation.h> @interface Person : NSObject @property int age; ...

  10. 清橙A1206.小Z的袜子 && CF 86D(莫队两题)

    清橙A1206.小Z的袜子 && CF 86D(莫队两题) 在网上看了一些别人写的关于莫队算法的介绍,我认为,莫队与其说是一种算法,不如说是一种思想,他通过先分块再排序来优化离线查询问 ...