(转)Arcgis for JS之对象捕捉
http://blog.csdn.net/gisshixisheng/article/details/44098615
在web操作,如绘制或者测量的时候,为了精确,需要捕捉到某一图层的对象,在此,讲解下如何在Arcgis for JS中实现捕捉对象。
首先,在地图中添加一个graphiclayer:
- gLayer = new GraphicsLayer();
- map.addLayer(gLayer);
接着,在gLayer中添加几个对象:
- map.on("load",function(){
- var items = geometry.item;
- gLayer.add(new Graphic(WktToPoint(items[0].wkt, {"wkid":4326}),sms));
- gLayer.add(new Graphic(WktToPolyline(items[1].wkt, {"wkid":4326}),sls));
- gLayer.add(new Graphic(WktToPolygon(items[2].wkt, {"wkid":4326}),sfs));
- });
接下来,定义drawtoolbar以及绘制完成后的事件:
- var drawToolbar = new esri.toolbars.Draw(map,{tooltip: "place text"});
- drawToolbar.on("draw-end",showDrawResults);
- function showDrawResults(evt){
- drawToolbar.deactivate();
- map.setMapCursor("default");
- var geometry = evt.geometry;
- map.graphics.add(new Graphic(geometry,sls));
- };
接下来,定义一个Button,并添加button的click事件:
- <button id="draw" style="z-index: 99;">绘制图形</button>
- on(dom.byId("draw"), "click", function(){
- drawToolbar.activate(esri.toolbars.Draw.POLYLINE);
- });
接下来定义map的捕捉设置:
- var snapManager = map.enableSnapping({
- snapKey:has("mac") ? keys.META : keys.CTRL
- });
- var layerInfos = [{layer: gLayer}];
- snapManager.setLayerInfos(layerInfos);
备注:
此处,需要调用的dojo包包括:
- require([
- "esri/map",
- "esri/layers/GraphicsLayer",
- "esri/graphic",
- "esri/SnappingManager",
- "esri/sniff",
- "dojo/_base/event",
- "dojo/on",
- "dojo/dom",
- "dojo/keys",
- "dojo/domReady!"],
- function(Map, GraphicsLayer, Graphic, Point, SnappingManager, has,
- event, on,dom, keys) {
(转)Arcgis for JS之对象捕捉的更多相关文章
- Arcgis for Js之鼠标经过显示对象名的实现
在浏览地图时,移动鼠标经过某个对象或者POI的时候,能够提示该对象的名称对用户来说是很实用的,本文讲述在Arcgis for Js中,用两种不同的方式来实现该效果. 为了有个直观的概念,先给大家看看实 ...
- (转)Arcgis for Js之鼠标经过显示对象名的实现
http://blog.csdn.net/gisshixisheng/article/details/41889345 在浏览地图时,移动鼠标经过某个对象或者POI的时候,能够提示该对象的名称对用户来 ...
- Arcgis for JS之Cluster聚类分析的实现(基于区域范围的)
原文:Arcgis for JS之Cluster聚类分析的实现(基于区域范围的) 咱们书接上文,在上文,实现了基于距离的空间聚类的算法实现,在本文,将继续介绍空间聚类之基于区域范围的实现方式,好了,闲 ...
- Arcgis for JS之Cluster聚类分析的实现
原文:Arcgis for JS之Cluster聚类分析的实现 在做项目的时候,碰见了这样一个问题:给地图上标注点对象,数据是从数据库来 的,包含XY坐标信息的,通过graphic和graphicla ...
- Arcgis for js开发之直线、圆、箭头、多边形、集结地等绘制方法
p{ text-align:center; } blockquote > p > span{ text-align:center; font-size: 18px; color: #ff0 ...
- arcgis for js学习之Draw类
arcgis for js学习之Draw类 <!DOCTYPE html> <html> <head> <meta http-equiv="Cont ...
- arcgis for js学习之Graphic类
arcgis for js学习之Graphic类 <title>Graphic类</title> <meta charset="utf-8" /> ...
- (转) 基于Arcgis for Js的web GIS数据在线采集简介
http://blog.csdn.net/gisshixisheng/article/details/44310765 在前一篇博文“Arcgis for js之WKT和geometry转换”中实现了 ...
- (转) Arcgis for js之WKT和GEOMETRY的相互转换
http://blog.csdn.net/gisshixisheng/article/details/44057453 1.wkt简介 WKT(Well-known text)是一种文本标记语言,用于 ...
随机推荐
- Battlestation Operational
Battlestation Operational Time Limit: 6000/3000 MS (Java/Others) Memory Limit: 65536/65536 K (Jav ...
- CF #321 (Div. 2) D
不说了,爆内存好几次,后来醒起状态有重复... 状压+TSP #include <iostream> #include <cstdio> #include <cstrin ...
- spring 计时器
spring 计时器 可以这样: http://blog.csdn.net/u010648555/article/details/52162840 也可以使用annotation <!-- 设置 ...
- java.text.ParseException: Unparseable date: "2015-06-09 hh:56:19"
1.错误描写叙述 [DEBUG:]2015-06-09 16:56:19,520 [-------------------transcation start!--------------] java. ...
- 小米红米1S 电信/联通版 专用TWRP2.8.1.1中文版 (全屏触摸/支持MTP挂载内外置存储)
转载请注明出处和链接: http://blog.csdn.net/syhost/article/details/39340477 说说中文TWRP的简史: 中文TWRP是本人在201 ...
- Golang Template source code analysis(Parse)
This blog was written at go 1.3.1 version. We know that we use template thought by followed way: fun ...
- mysql如何查询最新插入的数据
在MySQL中,使用auto_increment类型的id字段作为表的主键,并用它作为其他表的外键,形成“主从表结构”,这是数据库设计中常见的用法.但是在具体生成id的时候,我们的操作顺序一般是:先在 ...
- Gym - 101981G The 2018 ICPC Asia Nanjing Regional Contest G.Pyramid 找规律
题面 题意:数一个n阶三角形中,有多少个全等三角形,n<=1e9 题解:拿到题想找规律,手画开始一直数漏....,最后还是打了个表 (打表就是随便定个点为(0,0),然后(2,0),(4,0), ...
- go函数初级
一.简介 在go语言中,函数的功能是非常强大的,以至于被认为拥有函数式编程语言的多种特性. 二.介绍 1.一个程序中包含了很多的函数:函数式基本的代码块 2.函数编写的顺序是无关紧要的:鉴于可读性的需 ...
- mysql 年龄计算(根据生日字段)
mysql 年龄计算(根据生日字段) year( from_days( datediff( now( ), birthdate))) //获取年龄 now() 当前时间,精确到秒 datediff(b ...