arcgis for js学习之Draw类

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>Draw类的详解</title>

    <meta charset="utf-8" />

    <!-- 绘图功能说明：

        draw类可以在地图中点击一点进行画点或者划线

        1、点击添加一个点。

        2、多个点的绘制双击添加最后一个点。

        3、多线段或者多边形点击添加顶点，双击添加最后一点。

        4、自由线和自由面开始按住鼠标左键绘制,放手绘完成。

        5、划线时点击开始，鼠标左键放开时结束。

         -->

    <!-- 构造函数：

        new Draw(map,options?)

         -->

    <!-- 常量：

        ARROW:画一个箭头

        CIRCLE:画一个圆

        ODWN_ARROW:指向下方的箭头

        ELLIPSE:画一个椭圆

        EXTENT:某一程度

        FREEHAND_POLYGON:徒手多边形

        FREEHAND_POLYLINE;徒手线

        LEFT_ARROW:向左的箭头

        LINE:一条线

        MULTI_POINT:多个点

        POINT:点

        POLYGON:多边形

        POLYLINE;折线

        RECTANGLE:矩形

        RIGHT-ARROW:一个箭头

        TRIANGLE:画一个三角形

        UP_ARROW:画一个箭头

         -->

    <!-- 属性：

        1、fillSymbol:多边形的样式

        2、lineSymbol:线的样式

        3、markerSymbol:点的样式

        4、respectDrawingVertexOrder:几个拓扑

         -->

    <!-- 方法：

        activate(geometryType,options):激活工具栏

        deactivate():关闭

        finishDrawing():完成绘制，onDrawEnd事件

        setFillSymbol(fillSymbol):设置填充样式

        setLineSymbol(lineSymbol):设置线的样式

        setMarkerSymbol(marjerSymbol):设置点的样式

        setRespectDrawingVertexOrder(set):设置是否修改多边形的几何拓扑

         -->

    <!-- 事件：

        draw-complete:绘制完成时触发

        draw-end:此事件被弃用

         -->

    <!-- 构造方法详情：

        new Draw(map,options?)

        options的属性：

        drawTime:设定时间绘制下一个点

        showTooltips:工具提示

        tolerance:宽容，徒手画时决定鼠标移动多远添加一个新点

        tooltipPffset:确定多远抵消鼠标指针的工具提示

         -->

    <script>

        //实例一：是否显示showTooltips

        require([

            "esri/map", "esri/toolbars/draw"

        ], function (Map, Draw) {

            var map = new Map();

            var toolbar = new Draw(map, {

                showTooltips: false

            });

        });

        //实例二：设置drawTime

        require(["esri/map", "esri/toolbars/draw"], function (Map, Draw) {

            var map = new Map();

            var toolbar = new Draw(map, {

                tooltipOffset: 20,

                drawTime: 90

            });

        });

        //实例三：激活 active(geometryType,options),进行画点

        require(["esti/toolbars/draw"], function (Draw) {

            var toolbar = new Draw();

            toolbar.active(Draw.POINT);

            toolbar.finishDraw();//完成绘制

        })

        //实例四：draw-end事件，返回类型为一个geometry对象

        require(["esri/toolbars/draw", "esri/graphic"], function (Draw, Graphic) {

            function createToolbar(map) {

                var toolbar = new Draw(map);

                toolbar.on("draw-end", addToMap);

            }

            function addToMap(evt) {

                var graphic = new Graphic(evt.geometry, symbol);

                map.graphics.add(graphic);

            }

        });

    </script>

</head>

<body>

</body>

</html>

arcgis for js学习之Draw类的更多相关文章

  1. arcgis for js学习之Graphic类

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

  2. js学习（五）-全局函数和类内部函数区别

    //---------------------------js代码--------------------------- function User(){       //类成员的定义及构造函数 th ...

  3. Arcgis for Js之加载wms服务

    概述:本节讲述Arcgis for Js加载ArcgisServer和GeoServer发布的wms服务. 1.定义resourceInfo var resourceInfo = { extent: ...

  4. js学习之变量、作用域和内存问题

    js学习之变量.作用域和内存问题 标签(空格分隔): javascript 变量 1.基本类型和引用类型: 基本类型值:Undefined, Null, Boolean, Number, String ...

  5. 【Knockout.js 学习体验之旅】（2）花式捆绑

    本文是[Knockout.js 学习体验之旅]系列文章的第2篇,所有demo均基于目前knockout.js的最新版本(3.4.0).小茄才识有限,文中若有不当之处,还望大家指出. 目录: [Knoc ...

  6. 【Knockout.js 学习体验之旅】（1）ko初体验

    前言 什么,你现在还在看knockout.js?这货都已经落后主流一千年了!赶紧去学Angular.React啊,再不赶紧的话,他们也要变out了哦.身旁的90后小伙伴,嘴里还塞着山东的狗不理大蒜包, ...

  7. Backbone.js学习之一

    昨天一个我崇拜的朋友,徐飞送我一本名为<Backbone.js实战>书,让我心中狂喜,于是带着这份浓厚的兴趣,开始研究Backbone.js之路. 打开这本书的第一句话就很有哲理,“授人以 ...

  8. 数据可视化的优秀入门书籍有哪些,D3.js 学习资源汇总

    习·D3.js 学习资源汇总 除了D3.js自身以外,许多可视化工具包都是基于D3开发的,所以对D3的学习就显得很重要了,当然如果已经有了Javascript的经验,学起来也会不费力些. Github ...

  9. 我的three.js学习记录（二）

    通过上一篇文章我的three.js学习记录(一)基本上是入门了three.js,但是这不够3D,这次我希望能把之前做的demo弄出来,然后通过例子来分析操作步骤. 1. 示例 上图是之前做的一个dem ...

随机推荐

  1. SEO需要掌握的基础知识

    什么是SEO?  官方解释:  SEO是指通过对网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键词排名, 从而把精准用户带到网站,获得免费流量,产生直接销售或品牌推广 ...

  2. [Swift]LeetCode261.图验证树 $ Graph Valid Tree

    Given n nodes labeled from 0 to n - 1 and a list of undirected edges (each edge is a pair of nodes), ...

  3. [Swift]LeetCode295. 数据流的中位数 | Find Median from Data Stream

    Median is the middle value in an ordered integer list. If the size of the list is even, there is no ...

  4. 祝雷（依乐祝）：一份来自29岁.NET老程序员的自白

    潘老师的文笔果然了得,经过潘老师的妙笔生花后,文章的阅读体验果然好了很多!这里再次感谢潘老师的支持! 祝雷(合肥.NET 俱乐部发起人) [个人介绍] 博客园知名博主(依乐祝).6年以上.NET技术栈 ...

  5. Elasticsearch Search API

    当执行一个搜索时,它将这个搜索请求广播给所有的索引分片.可以通过提供路由参数来控制要搜索哪些分片.例如,当检索tweets这个索引时,路由参数可以设置为用户名: curl -X POST " ...

  6. Spring Boot Security

    如图,是一种通用的用户权限模型.一般情况下会有5张表,分别是:用户表,角色表,权限表,用户角色关系表,角色权限对应表. 一般,资源分配时是基于角色的(即,资源访问权限赋给角色,用户通过角色进而拥有权限 ...

  7. MVC的App_Code这个特殊文件夹

    对于一个之前编译一点都没有问题的项目,突然间调试就出现了一个报错: 然而你会天真的认为,这个真的是using的问题吗!别傻了,我检查了一遍又一遍: 首先这个是有using的! 其实代码编写上也是没有报 ...

  8. Dubbo(二) —— dubbo配置

      一.配置原则 JVM 启动 -D 参数优先,这样可以使用户在部署和启动时进行参数重写,比如在启动时需改变协议的端口. XML 次之,如果在 XML 中有配置,则 dubbo.properties ...

  9. Spring系列之手写一个SpringMVC

    目录 Spring系列之IOC的原理及手动实现 Spring系列之DI的原理及手动实现 Spring系列之AOP的原理及手动实现 Spring系列之手写注解与配置文件的解析 引言 在前面的几个章节中我 ...

  10. springboot+mybatis+dubbo+aop日志第三篇

    AOP称为面向切面编程,在程序开发中主要用来解决一些系统层面上的问题,比如日志,事务,权限等等. Spring AOP模块提供截取拦截应用程序的拦截器,例如,当执行方法时,可以在执行方法之前或之后添加 ...