arcgis 点线面操作

最新推荐文章于 2024-05-22 16:11:34 发布
最新推荐文章于 2024-05-22 16:11:34 发布
阅读量443 收藏
点赞数
原文链接：http://www.cnblogs.com/Jeely/p/11175103.html
版权 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Label Points</title>
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/tundra/tundra.css" />
    <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css" />
    <style>
        html, body{
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
        }
    </style>
    <script>
        var dojoConfig = {
            packages: [{
                name: "myApp",
                location: location.pathname.replace(/\/[^/]+$/, "") + "/js/myApp"
            }]
        };    
    </script>
    <script src="http://js.arcgis.com/3.9/"></script>
    <script type="text/javascript">
        var map, tb, markerSymbol, lineSymbol, fillSymbol;
        var bMapIsDegrees = true;
        var geometryService = null;
        var displayDistUnits = "Kilometers", displayDistUnitsAbbr = "km";
        var displayAreaUnits = "Kilometers", displayAreaUnitsAbbr = "sq km";
        var fontFace = "Arial";

        require(["dojo/parser", "dijit/registry", "esri/geometry/Point",
            "esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "esri/toolbars/draw", "esri/graphic", "esri/SpatialReference",
            "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol",
            "esri/symbols/TextSymbol",
            "esri/Color", "esri/tasks/ProjectParameters", "esri/tasks/AreasAndLengthsParameters",
            "esri/tasks/GeometryService", "myApp/measure",
            "dojo/domReady!"],
            function (parser, registry, Point, Map, ArcGISTiledMapServiceLayer, Draw, Graphic, SpatialReference,
                SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol, TextSymbol, Color, ProjectParameters,
                AreasAndLengthsParameters, GeometryService, measure) {
                parser.parse();

                map = new Map("mapDiv");
                var agoServiceURL = "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer";
                var agoLayer = new ArcGISTiledMapServiceLayer(agoServiceURL);
                map.addLayer(agoLayer);

                markerSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_X, 25,
                          new SimpleLineSymbol(SimpleLineSymbol.STYLE_DOT,
                          new Color([0, 0, 255]), 2));

                lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASHDOT,
                              new Color([255, 0, 0]), 2);

                fillSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
                  new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new Color([0, 0, 0]), 2),
                  new Color([0, 0, 255, 0.5])
                );

                var geometryUrl = "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer";
                geometryService = new GeometryService(geometryUrl);

                map.on("load", createToolbar);

                registry.forEach(function (d) {
                    if (d.declaredClass === "dijit.form.Button") {
                        d.on("click", activateTool);
                    }
                });

                function createToolbar(themap) {
                    toolbar = new Draw(map);
                    toolbar.on("draw-end", addToMap);
                }

                function activateTool() {
                    var tool = null;
                    switch (this.label) {
                        case "点":
                            tool = "POINT";
                            break;
                        case "多点":
                            tool = "MULTIPOINT";
                            break;
                        case "线":
                            tool = "POLYLINE";
                            break;
                        case "徒手线":
                            tool = "FREEHAND_POLYLINE";
                            break;
                        case "多边形":
                            tool = "POLYGON";
                            break;
                    }
                    toolbar.activate(Draw[tool]);
                    map.hideZoomSlider();
                }

                function addToMap(evt) {
                    map.graphics.clear();

                    var geometry = evt.geometry;
                    var symbol;
                    // 将用户绘制的几何对象加入到地图中
                    switch (geometry.type) {
                        case "point":
                            symbol = markerSymbol;
                            break;
                        case "multipoint":
                            symbol = markerSymbol;
                            break;
                        case "polyline":
                            symbol = lineSymbol;
                            break;
                        case "polygon":
                            symbol = fillSymbol;
                            break;
                    }

                    var graphic = new Graphic(geometry, symbol);
                    map.graphics.add(graphic);

                    // 增加标注
                    addLabel(geometry);
                }

                function addLabel(geometry) {
                    var x, y, g;
                    switch (geometry.type) {
                        case "point":
                            x = measure.round(geometry.x, 2);
                            y = measure.round(geometry.y, 2);
                            g = getPointLabel(x + ", " + y, geometry);
                            map.graphics.add(g);
                            break;

                        case "multipoint":
                            for (var i in geometry.points) {
                                var coords = geometry.points[i];
                                x = measure.round(coords[0], 2);
                                y = measure.round(coords[1], 2);
                                g = getPointLabel(x + ", " + y, new Point(coords, geometry.spatialReference));
                                map.graphics.add(g);
                            }
                            break;

                        case "polyline":
                            if (displayDistUnits) {
                                var length = measure.calculateLength(geometry, bMapIsDegrees);
                                for (var i in geometry.paths) {
                                    if (bMapIsDegrees) {
                                        mapUnits = "Meters";
                                    }
                                    var len = measure.convertDistanceUnits(length[i], mapUnits, displayDistUnits);
                                    var text = measure.significantDigits(len, 4) + " " + displayDistUnitsAbbr;
                                    g = getPathLabel(text, geometry, i);
                                    map.graphics.add(g);
                                }
                            }
                            break;

                        case "polygon":
                            if (displayDistUnits || displayAreaUnits) {
                                var measureFunc = function (result) {
                                    for (var i in result.areas) {
                                        var perimeter = result.lengths[i];
                                        var area = result.areas[i];
                                        // 标注周长
                                        if (displayDistUnits) {
                                            var peri = measure.convertDistanceUnits(perimeter, mapUnits, displayDistUnits);
                                            var text = measure.significantDigits(peri, 4) + " " + displayDistUnitsAbbr;
                                            map.graphics.add(getPathLabel(text, geometry, i));
                                        }
                                        // 标注面积
                                        if (displayAreaUnits) {
                                            var a = measure.convertAreaUnits(area, mapUnits, displayAreaUnits);
                                            text = measure.significantDigits(a, 6) + " " + displayAreaUnitsAbbr;
                                            map.graphics.add(getAreaLabel(text, geometry, i));
                                        }
                                    }
                                };

                                var polyGraphic = new Graphic(geometry);
                                if (bMapIsDegrees) {
                                    mapUnits = "Meters";
                                    var outSR = new SpatialReference({
                                        wkid: 54034 //World_Cylindrical_Equal_Area
                                    });
                                    var params = new ProjectParameters();
                                    params.geometries = [geometry];
                                    params.outSR = outSR;

                                    geometryService.project(params, function (geometries) {
                                        var areasAndLengthParams = new AreasAndLengthsParameters();
                                        areasAndLengthParams.lengthUnit = GeometryService.UNIT_METER;
                                        areasAndLengthParams.areaUnit = GeometryService.UNIT_SQUARE_METERS;
                                        areasAndLengthParams.polygons = geometries;
                                        geometryService.areasAndLengths(areasAndLengthParams, measureFunc);
                                    });
                                }
                                else {
                                    geometryService.areasAndLengths([geometry], measureFunc);
                                }
                            }
                            break;
                    }
                }

                function getFont() {
                    var size = 10;
                    var f = new esri.symbol.Font(size + "pt",
                          esri.symbol.Font.STYLE_NORMAL,
                          esri.symbol.Font.VARIANT_NORMAL,
                          esri.symbol.Font.WEIGHT_BOLD,
                          fontFace);
                    return f;
                }

                function getPointLabel(text, point) {
                    var sym = new TextSymbol(text, getFont(), new Color([255, 0, 0]));
                    sym.setAlign(TextSymbol.ALIGN_START);
                    var g = new Graphic(point, sym);
                    return g;
                }

                function getPathLabel(text, polyline, pathIndex) {
                    try {
                        var sym = new TextSymbol(text, getFont(), new Color([255, 0, 0]));
                        if (polyline.paths) {
                            var path = polyline.paths[pathIndex];
                        }
                        else {
                            var path = polyline.rings[pathIndex];
                        }
                        var idx = Math.floor(path.length / 2);
                        var p1 = polyline.getPoint(pathIndex, idx - 1);
                        var p2 = polyline.getPoint(pathIndex, idx);
                        var point = measure.getMidPoint(p1, p2);
                        var angle = measure.getAngle(p1, p2);
                        sym.setAngle(angle);
                        sym.setOffset(0, 2);
                        var g = new Graphic(point, sym);
                        return g;
                    }
                    catch (err) {
                        console.error("创建标注出错：", err);
                    }
                }

                function getAreaLabel(text, polygon, ringIndex) {
                    try {
                        var sym = new TextSymbol(text, getFont(), new Color([255, 0, 0]));
                        var point = measure.getRingExtent(polygon, ringIndex).getCenter();
                        var g = new Graphic(point, sym);
                        return g;
                    }
                    catch (err) {
                        console.error("创建面积标注出错：", err);
                    }
                }
            }
        );
    </script>
</head>

<body class="tundra">
    <button data-dojo-type="dijit/form/Button">点</button>
    <button data-dojo-type="dijit/form/Button">多点</button>
    <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>

 

转载于:https://www.cnblogs.com/Jeely/p/11175103.html

weixin_30387799
关注
ArcGis js api 简单绘制点线面
qq_43246543的博客
07-16 745
Arcgsi js api 简单绘制点线面 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>点、线、面、矩形</title> <link rel="stylesheet" href="arcgis_js_v330_api/arcgis_js
ArcgisEngine 点线面要素的渲染
06-13
AE二次开发
ArcGIS点线面要素的绘制和修改
qq_41961171的博客
03-19 7312
编辑器工具条负责矢量图层要素的编辑，可在自定义中勾选添加编辑器工具条。菜单栏→Customize（自定义）→Toolbars（工具栏）→Editor（编辑器）
一个基于arcgis server 90开发的点线面编辑程序
12-27
一个基于arcgis server 90开发的点线面编辑程序，个人开发了好久。
ArcGIS 10.x 新建点线面要素并增加属性教程
05-30
在ArcGIS 中进行遥感影像的目视解译，以及创建道路网，行政区边界，河流，湖泊等矢量文件的创建，大多为下面的主要流程。本文主要介绍了矢量文件的创建，数据的添加，要素的创建，以及一些工具的功能。主要方便于初学者入门等，有些细节没有具体介绍，以便读者进行尝试。
ArcGIS API for JavaScript 4.x 基础之绘制点、线、面、标注、图片（完整代码）
01-08
ArcGIS API for JavaScript 4.x 基础之绘制点、线、面、标注、图片的完整代码；
基于C#的ARCGIS图层点线面的基础操作
11-23
在本主题中，我们将深入探讨基于C#编程语言在ARCGIS平台上的图层点线面基础操作。ARCGIS是Esri公司开发的一款强大的地理信息系统（GIS），它提供了丰富的地图制作、空间分析和数据管理功能。C#作为.NET框架的一部分...
ArcGIS for iOS 2.3开发 绘制点线面
06-21
在ArcGIS for iOS 2.3的开发中，绘制点、线、面是地图应用程序的基础功能，这使得用户能够在移动设备上直观地呈现地理信息。本文将深入探讨这些概念及其在实际开发中的应用。 首先，我们要理解ArcGIS for iOS的核心...
ArcGIS XY坐标批量转点线面要素
01-04
总结来说，“ArcGIS XY坐标批量转点线面要素”是一项重要的数据处理工作，涉及到对点、线、面三种基本空间要素的理解和操作。通过合理使用ArcGIS提供的工具，我们可以高效地将各种格式的坐标数据转换为GIS通用的...
ArcGIS 简单点线面的创建
weixin_33744854的博客
02-25 1019
为什么80%的码农都做不了架构师？>>> ...
ArcGIS基础操作-常用技巧汇总，快收藏！
最新发布
bzy90299的博客
05-22 1584
例如把jpg格式转换为tiff格式。可以在arctoolbox中的conversiontools–>to Raster–>Raster to Other Format multiple)。
arcgis api 坐标数值转换的问题
qq_19599645的博客
09-05 775
       由于项目需求，需要使用二三维地图的联动功能。参考了这篇文章https://blog.csdn.net/leftfist/article/details/78305141        但是二三维数据的坐标参考不一致，三维是WG484的经纬度坐标，二维的是CGCS2000下的高斯投影3度分带坐标。所以面临的一个首要问题就是坐标数值转换的问题。参考https://blog.csdn.n...
ArcGIS中ArcMap新建矢量点线面要素图层并手动划定要素图层范围区域
热门推荐
疯狂学习GIS的博客
07-09 1万+
  本文介绍如何在ArcGIS中新建点、线、面等形式的矢量要素图层，并对这一新建图层的具体范围加以划定。   首先，在右侧“Catalog”栏中选择需要存放新建立矢量要素图层的文件夹，右键并选择“New”→“Shapefile…”。   在弹出的窗口中配置矢量要素图层的名称与类型，这里的类型也就是点、线、面。本文以面要素为例进行讲解。随后点击“OK”。   如果弹出空间参考信息为止的提示框，直接选择“OK”即可。   此时可以看到，在目标文件夹下已经出现了我们刚刚建立的面要素图层，但是此时其仅有文件，
Arcgis基本操作
weixin_46205351的博客
07-27 1万+
Arcgis确定经纬坐标diandian
第八章 ArcGIS地图制图 点线面符号、专题图、标记的制作
C语言/数据结构/数学建模/深度学习/生物信息
01-31 9557
第一节 点符号的制作方法 1 ArcGIS的样式管理器使用 2 制作一些点符号，如一个图中间一个字 3 FontCreator使用 4 修改己有的符号库 第二节 线面符号制作 1 简单线符号 2 制图线符号和单位换算 3 混列线符号 4 标记线符号 5 面符号制作 6 查看已有符号库 第三节 专题图 1 单一专题 2 唯一值专题 3 数量渲染专题 4 图表专题 5 符号库在专题图中应用 6 Mxd保存和打包 7 复杂、高级专题和图层覆盖解决方法 第四节 标注 1 标注和注记区别 1.1 第一部分 1.2 第
GIS中点线面的空间关系（ArcMap的Select By Location）
weixin_30237281的博客
08-06 6003
　　ArcMap中Selection下的Select By Location工具能够提供点线面11种不同的空间关系选择。Select By Location界面如图： 　　在案例2：分析邻接多边形中，提到了邻接多边形的问题，为了更好的联系ArcMap基本操作，使用了比较笨的方法来求Q邻接多边形。下面使用Select By Locaion中的不同空间关系方式来求邻接多边形。 　　1.识别邻接...
ArcGIS实现绘制点、线、面等图形
qq_40407998的博客
07-06 1万+
一、实现的思路 首先声明一个GraphicLayer的图层，（该图层是客户端类型图层，与ArcGIS Server发布的图层没有任何联系，绘画的对象也在客户端完成）然后生命工具类 Draw，根据点选的不同进行绘画，然后将绘画的图形进行渲染 二、HTML布局 <div id="info"> <sapn>点击你所要绘画的图形</span> <button id="Point">Point</button> <button
arcgis api 3.X 功能篇——定位到点、线、面功能
happy81997的博客
09-21 1751
gotoMap:function(geometry){ if(geometry.type=="polygon"){ this.map.setExtent(geometry.getExtent().expand(1.5)); //定位并放大1.5倍 } if(geometry.type=="...
ArcMap获取要素（点、线、面）外包络面（含凹面）的一个方法
huobengluantiao8
07-26 1434
经常有用户有这样的需求：手头有一堆离散点，想获取这堆点所覆盖的区域，即外包络面。 来看测试数据，如下图： 1、如果想获取外包络的凸面 那么在arcmap里有一个toolbox工具，叫”最小边界几何“，能够计算凸的外包络面，如下： 其中参数选择CONVEX_HULL就是生成最小凸面 效果如下： 2、如果我们想要的紧贴外边缘点的凹面怎么办呢？ 1）首先使用3D分析中的...
arcgis engine c#画点线面
06-28
b'arcgis engine c#\xe7\x94\xbb\xe7\x82\xb9\xe7\xba\xbf\xe9\x9d\xa2' 是一个基于 C# 的 ArcGIS Engine 应用程序开发框架，可用于创建点、线、面等图形元素来表示地图数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值