经过简化的画图例子(点,线,多边形)

代码:

<html>
<head>
    <meta charset="utf-8">
    <title>图形查询属性</title>
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css">
    <script src="http://js.arcgis.com/3.9/"></script>
    <script type="text/javascript">

        var map;//全局map;

        require(["dojo/parser", "dijit/registry", "esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/toolbars/draw",
        "dijit/form/Button", "dojo/domReady!"],
        function (parser, registry, Map, ArcGISDynamicMapServiceLayer, Draw) {
            parser.parse();
            map = new Map("mapDiv");

            /*本地创建的server(动态地图)服务*/
            var url = "http://localhost:6080/arcgis/rest/services/bluechina/MapServer";
            var agoLayer = new ArcGISDynamicMapServiceLayer(url);
            map.addLayer(agoLayer);

            var tb = new Draw(map);             //构建画图工具;
            tb.on("draw-end", doIdentify);      //画图结束后执行doIdentify()方法;

            registry.forEach(function (d)        //为button绑定事件;
            {
                if (d.declaredClass === "dijit.form.Button")
                {
                    d.on("click", activateTool);//click调用activateTool()方法;
                }
            });

            function activateTool()
            {
                var tool = null;
                switch (this.label)
                {
                    case "点":
                        tool = "POINT";
                        break;
                    case "线":
                        tool = "POLYLINE";
                        break;
                    case "多边形":
                        tool = "POLYGON";
                        break;
                }
                tb.activate(Draw[tool]); //激活画图工具条;
                map.hideZoomSlider();
            }
            function doIdentify()
            {
                alert("画图完成!");
            }
        });
    </script>
</head>
<body class="claro">
    <button data-dojo-type="dijit/form/Button">点</button>
    <button data-dojo-type="dijit/form/Button">线</button>
    <button data-dojo-type="dijit/form/Button">多边形</button>

    <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
</body>
</html>
时间: 2024-10-13 01:48:00

经过简化的画图例子(点,线,多边形)的相关文章

[stm32] 利用uc-gui封装画图和画线函数移植51上的模拟动画

>_<:这里的动画是黄色矩形区域中一个模仿俯视图的起重机运作动画,一个是模仿主视图的吊钩的运动.通过改变初始Init函数中的数据b_x,b_y实现矩形区域的移动.当实时采集时要首先根据起重机的实际情况改变比例,当传感器传来数据时就相当于这里的run函数,只要把传感器数据接收函数和相关函数结合即可. >_<:main code: 1 #include "stdlib.h" 2 #include "GUI.H" 3 /* 4 颜色 5 */ 6

angular的canvas画图例子

angular的例子: 运行下面代码 <!DOCTYPE html><html ng-app="APP"><head>     <meta charset="UTF-8">   <script src="http://cdn.bootcss.com/angular.js/1.3.0-beta.12/angular.min.js"></script>     </head

网格简化技术研究报告

网格简化技术研究报告 吕伟 问题及场景 超大场景环境下,为了精细.真实的塔模型,采用分级简化铁塔和绝缘子串模型的方法,利用PageLOD分页细节层次的机制,在不同范围下展现不同精细程度的外观. 简化模型要求速度快.质量高.文件体积小等特点. 网格简化的算法分类 删减法 删减法是目前算法中采用最多的一种模型简化操作.该方法通过重复依次删除对模型特征影响较小的几何元素并重新三角化来达到简化模型的目的.根据删除的几何元素的不同,通常又可以分成顶点删除(Vertex removal)法.边折叠(Edge

jmGraph:一个基于html5的简单画图组件

jmGraph:一个基于html5的简单画图组件 特性: 代码书写简单易理解 面向对象的代码结构 对图形控件化 样式抽离 模块化:入seajs实现模块化开发 兼容性:暂只推荐支持html5的浏览器:ie9+,chrome,firefox等. jiamao/jmgraph · GitHub APIs jmgraph是一个基于html5的WEB前端画图组件. 前端画图对象控件化,支持鼠标和健盘事件响应,可对单个控件样式设定,支持简单的动画处理.可大大地简化前端画图.

【JavaScript】操作Canvas画图

1.页面添加 Canvas 标签 标签内可以写文字,浏览器不支持Canvas的情况下显示, 2.js获取 Canvas 标签 3.利用js函数画图,[线][图][文字] 源:http://www.liaoxuefeng.com

jmgraph前端画图组件(html5版)

原文:jmgraph前端画图组件(html5版)      jmgraph是一个基于html5的WEB前端画图组件. 前端画图对象控件化,支持鼠标和健盘事件响应,可对单个控件样式设定,支持简单的动画处理.    可大大地简化前端画图. 如果ie请用ie9及以上浏览器 代码示例 1.创建jmgraph对象  2.创建样式渐变和阴影效果 渐变支持百分比,而且坐标都是相对于其父容器的.  3.创建控件创建一个中心为(250,250)半径为100的圆,这里可以指定radius或宽度来解定圆大小,弧度为满

R语言-画图(上)

今天,Mayuyu来开始学习用R语言画图,R语言画图有着实际的应用,很多数据通过图形展现出来更加易于理解. 1. 画直方图 代码如下 画图结果 2. 画三点图 代码如下 画图结果 3. 画柱状图 在画柱状图之时,会用到列联函数table(),之后用barplot()函数画柱状图.代码如下 画图结果 4. 饼图 先通过列联函数table()求出x的分布情况.代码如下 画图结果 5. 箱尾图与箱线图 普通箱尾图    画图结果    画水平放置的箱尾图    画图结果    箱线图 画图效果 6.

[Beautifulzzzz的博客目录] 快速索引点这儿O(∩_∩)O~~,红色标记的是不错的(⊙o⊙)哦~

3D相关开发(2) [direct-X] 1.direct-X最小框架 [OpenGL] 1.环境搭建及最小系统 51单片机(21) [51单片机] 1602液晶显示控制代码 [51单片机] 1602液晶显示控制代码2 [51单片机] 定时器1 [51单片机] 定时器2-计数示例 [51单片机] 定时器3-计时示例 [51单片机] 中断1-中断整体介绍 [51单片机] TFT2.4彩屏1 [文字显示 画矩形] [51单片机] TFT2.4彩屏2 [32*32文字显示] [51单片机] TFT2.

旋转卡壳算法及应用 (参考论文)

多看论文开眼界! 转自:http://blog.csdn.net/acmaker/article/details/3188177 一.目录 一些历史: 1978年, M.I. Shamos's Ph.D. 的论文"Computational Geometry"标志着计算机科学的这一领域的诞生. 当时他发表成果的是一个寻找凸多边形直径的一个非常简单的算法, 即根据多边形的一对点距离的最大值来确定. 后来直径演化为由一对对踵点对来确定. Shamos提出了一个简单的 O(n) 时间的算法来