分析 -- 缓冲区查询

最新推荐文章于 2023-10-30 16:49:07 发布
最新推荐文章于 2023-10-30 16:49:07 发布
阅读量1.4k 收藏 3
点赞数
分类专栏： WebGIS - ArcGIS API For Js 文章标签： arcgis arcgis server 缓冲区查询
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DanBo_C/article/details/106388883
版权
效果图

过程

主要参考官方给的示例代码。

  1. 绘图工具
  2. 结束触发缓冲函数
  3. 更新查询几何为返回的缓冲区
官方案例
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Buffer</title>

<link rel="stylesheet" href="https://js.arcgis.com/3.21/esri/css/esri.css">
<style type="text/css">
    html,body,#map{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0；
    }
</style>
</head>
<script type="text/javascript" src="https://js.arcgis.com/3.21/"></script>
<body>
<div id="map"></div>
</body>
<script type="text/javascript">
    require(["esri/map",
        "esri/geometry/Point",
        "esri/geometry/Polyline",
        "esri/geometry/Polygon",

        "esri/graphic",
        "esri/Color",

        "esri/tasks/BufferParameters",
        "esri/tasks/GeometryService",
        "esri/symbols/SimpleMarkerSymbol", 
        "esri/symbols/SimpleFillSymbol", 
        "esri/symbols/SimpleLineSymbol",
        "esri/SpatialReference", 

        "dojo/domReady!"],function(Map,Point,Polyline,Polygon,Graphic,Color,BufferParameters,GeometryService,SimpleMarkerSymbol,SimpleFillSymbol,SimpleLineSymbol,SpatialReference){

        var map=new Map("map",{
            basemap: "osm",
            center: [115.95,28.6826],
            zoom:"12"
        });


        var points=[new Point(116.026,28.6826),new Point(116.05,28.66),new Point(116.11,28.70),new Point(115.95,28.65)];
        var polylines=[new Polyline([[115.88,28.70],[115.88,28.67]]),new Polyline([[115.82,28.64],[115.89,28.59]])];
        var polygons=[new Polygon([[115.798499,28.783553],[115.75998,28.895433],[115.900834,28.821535],[115.785276,28.759237],[115.713987,28.733902]])];

        var geometryService=new GeometryService("https://utility.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");
        
        map.on("load",function(){

            var lineSymbol=new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,new Color([255,0,0]), 4)

            var markerSymbol=new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,
                new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,new Color([100,100,100,0.1]), 1),
                new Color([255,0,0]));

            var fillSymbol=new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, 
                new SimpleLineSymbol("solid", new Color([255,0,0]), 1), 
                new Color([255,0,0]));

            for(var i=0;i<points.length;i++){
                map.graphics.add(new Graphic(points[i],markerSymbol))
            }
            for(var i=0;i<polylines.length;i++){
                map.graphics.add(new Graphic(polylines[i],lineSymbol))
            }
            for(var i=0;i<polygons.length;i++){
                map.graphics.add(new Graphic(polygons[i],fillSymbol))
            }


            // 点缓冲区
            var pointParams = new BufferParameters();
            pointParams.geometries  = points;  
            pointParams.distances = [ 1];
            pointParams.unit = GeometryService.UNIT_KILOMETER;
            pointParams.bufferSpatialReference = new SpatialReference({wkid: 32662});
            pointParams.outSpatialReference = new SpatialReference({wkid: 4326})

            geometryService.buffer(pointParams,function(features) {
                var symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, 
                    new SimpleLineSymbol("solid", new Color([197,97,20]), 1), 
                    new Color([197,97,20,1]));

                for(var i=0;i<features.length;i++){
                    console.log(features[i]);
                    map.graphics.add(new Graphic(features[i],symbol))
                }
            });

            // 线缓冲区
            var polyineParams=new BufferParameters();
            polyineParams.geometries=polylines;
            polyineParams.distances = [ 1];
            polyineParams.unit = GeometryService.UNIT_KILOMETER;
            polyineParams.bufferSpatialReference = new SpatialReference({wkid: 32662});
            polyineParams.outSpatialReference = new SpatialReference({wkid: 4326});

            geometryService.buffer(polyineParams,function(features) {
                var symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, 
                    new SimpleLineSymbol("solid", new Color([197,97,20]), 1), 
                    new Color([197,97,20,1]));

                for(var i=0;i<features.length;i++){
                    console.log(features[i]);
                    map.graphics.add(new Graphic(features[i],symbol))
                }
            });
            // 面缓冲区
            var polygonParams=new BufferParameters();
            polygonParams.geometries=polygons;
            polygonParams.geodesic=true;
            polygonParams.distances = [ 1];
            polygonParams.unit = GeometryService.UNIT_KILOMETER;
            polygonParams.bufferSpatialReference = new SpatialReference({wkid: 32662});
            polygonParams.outSpatialReference = new SpatialReference({wkid: 4326});

            geometryService.buffer(polygonParams,function(features) {
                var symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, 
                    new SimpleLineSymbol("solid", new Color([197,97,20]), 1), 
                    new Color([197,97,20,0.5]));

                for(var i=0;i<features.length;i++){
                    console.log(features[i]);
                    map.graphics.add(new Graphic(features[i],symbol))
                }
            });

        })
        
    });

</script>
</html>
缓冲区空间查询
        var url = "http://localhost:6080/arcgis/rest/services/Eco/BJ_td_gd_nyd/MapServer";
        require(["esri/map",
            "esri/layers/ArcGISDynamicMapServiceLayer",
            "dojo/dom",
            "dojo/on",
            "esri/tasks/QueryTask",
            "esri/toolbars/draw",
            "esri/tasks/query",

            "esri/geometry/Polygon",
            "esri/symbols/SimpleLineSymbol",
            "esri/symbols/SimpleFillSymbol",
            "esri/graphic",

            "esri/Color",
            "esri/tasks/BufferParameters",
            "esri/tasks/GeometryService",
            "esri/symbols/SimpleMarkerSymbol",
            "esri/symbols/SimpleFillSymbol",
            "esri/symbols/SimpleLineSymbol",
            "esri/SpatialReference",
            "dojo/domReady!"],
            function (Map, ArcGISDynamicMapServiceLayer, dom, on, QueryTask, Draw, Query, Polygon,
                SimpleLineSymbol, SimpleFillSymbol, Graphic, Color, BufferParameters, GeometryService, SimpleMarkerSymbol, SimpleFillSymbol,
                SimpleLineSymbol, SpatialReference) {
                var map = new Map("mapdiv");
                var layer = new ArcGISDynamicMapServiceLayer(url);
                map.addLayer(layer)

                //定义一个绘图工具
                var toolBar = new Draw(map);
                //给button绑定事件
                on(dom.byId("Btn"), "click", function () {
                    //激活绘图工具，我要绘制一个面图形
                    toolBar.activate(Draw.POLYGON);
                })
                on(toolBar, "draw-complete", function (result) {
                    //获得绘图得到的面
                    var geometry = result.geometry;
                    //关闭绘图工具
                    toolBar.deactivate();
                    bufferSelect(geometry)
                    queryGraphic(geometry);
                });

                function bufferSelect(geometry) {
                    var polygons = [new Polygon(geometry.rings)];
                    console.log(polygons)

                    var geometryService = new GeometryService("https://utility.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");


                    // 面缓冲区
                    var polygonParams = new BufferParameters();
                    polygonParams.geometries = polygons;
                    polygonParams.geodesic = true;
                    polygonParams.distances = [8];
                    polygonParams.unit = GeometryService.UNIT_KILOMETER;
                    polygonParams.bufferSpatialReference = new SpatialReference({ wkid: 32662 });
                    polygonParams.outSpatialReference = new SpatialReference({ wkid: 4326 });
                    geometryService.buffer(polygonParams, function (features) {
                        console.log(features)
                        var symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
                            new SimpleLineSymbol("solid", new Color([197, 97, 20]), 1),
                            new Color([207, 135, 89, 0.5]));

                        for (var i = 0; i < features.length; i++) {
                            console.log(features[i]);
                            map.graphics.add(new Graphic(features[i], symbol))
                            queryGraphic(features[i])
                        }
                    });
                    var fillSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
                        new SimpleLineSymbol("solid", new Color([255, 0, 0]), 0.8),
                        new Color([255, 0, 0]));
                    for (var i = 0; i < polygons.length; i++) {
                        map.graphics.add(new Graphic(polygons[i], fillSymbol))
                    }
                }


                function queryGraphic(geometry) {
                    //创建查询对象
                    var queryTask = new QueryTask(url + "/0");
                    //创建查询参数对象
                    var query = new Query();
                    //是否返回几何形状
                    query.returnGeometry = true;
                    //空间查询的几何对象
                    query.geometry = geometry;
                    //服务器给我们返回的字段信息，*代表返回所有字段
                    query.outFields = ["*"];
                    //空间参考信息
                    query.outSpatialReference = map.spatialReference;
                    //查询的标准，此处代表和geometry相交的图形都要返回
                    query.spatialRelationship = Query.SPATIAL_REL_INTERSECTS;

                    //执行空间查询
                    queryTask.execute(query, showQueryResult);
                }

                function showQueryResult(queryResult) {
                    //创建线符号
                    var lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 3);
                    //创建面符号
                    var fill = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
                        new SimpleLineSymbol("solid", new Color([30, 30, 30]), 1),
                        new Color([133, 105, 70, 0.5]));
                    var htmls = "";
                    if (queryResult.features.length >= 1) {
                        for (var i = 0; i < queryResult.features.length; i++) {
                            //得到graphic
                            var graphic = queryResult.features[i];
                            //给图形赋予符号
                            graphic.setSymbol(fill);
                            //添加到地图从而实现高亮效果
                            map.graphics.add(graphic);
                        }
                    }
                }
            });
Devin·Finn
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
MapBox实现框选查询，多边形范围查询
lz5211314121的博客
06-12 831
我们可以监听地图的“onmousemove”事件，初始状态我们可以鼠标点击确定多边形的起点，然后鼠标移动的时候，我们让鼠标当前的位置和第一次点下的位置进行连线，这样就画成了一条线，顺着这个思路我们就可以不断的使用点击和鼠标移动的方式来绘制多边形。当然如果你是矩形或者圆形 的话思路是一样的，只不过画线的数学计算不一样，例如圆形的第一次点击是确定圆心的位置，鼠标的移动是为了确定圆的半径，第二次鼠标落下圆就画好了。第二个比较坑的地方是按照这个接口查询出来的结果并不准确，因为他选择的是外部边界的范围。
【GIS导论】实验五 缓冲区分析和网络分析
Uyoin的博客
08-10 2332
实验五 缓冲区分析和网络分析实验目的:实验内容：实验步骤与过程：一.查询和缓冲区分析【Mapinfo】1.SQL数据查询2.缓冲区查询二.最短距离（查找最近设施）分析【Arcview】三.救灾应急（查找服务范围）服务【Arcview】四.最佳路径分析【Arcview】 实验目的: ①掌握点、线和面缓冲的生成操作及GIS缓冲区应用 ②掌握线对象的网络分析操作 实验内容： ①缓冲区分析：根据地理对象点、线和面的空间特性，自动建立对象周围一定距离的区域范围（缓冲区域），综合分析某地理要素（主体）对邻近对象的影响程
第三节.缓冲区查询
最新发布
zjltianxin的博客
10-30 36
传入中心点坐标以及半径。
mysql gis缓冲区查询_PostGIS 缓冲区分析（查询距离范围内要素）
weixin_29099217的博客
01-18 518
说明：遇到个需求：需要查询事发点周围100米内的人和车，这个通过PostGIS的ST_DWithin函数很容易实现。但是在实现过程中，遇到了三个不同的问题，在此总结一下。解决方案：方案一：这种方式适用于PostGIS库，在库里直接写SQL实现，入参直接可以用PostGIS的geometry格式。--调用方式(参数：表名，坐标系id，表主键ID，缓冲区半径，中心点)select * from enc...
PostGIS 缓冲区分析（查询距离范围内要素）
guzicheng1990的博客
03-16 6874
说明： 遇到个需求：需要查询事发点周围100米内的人和车，这个通过PostGIS的ST_DWithin函数很容易实现。 但是在实现过程中，遇到了三个不同的问题，在此总结一下。 解决方案： 方案一： 这种方式适用于PostGIS库，在库里直接写SQL实现，入参直接可以用PostGIS的geometry格式。 --调用方式（参数：表名，坐标系id，表主键ID，缓冲区半径，中心点） select * f...
缓冲区分析设计与实现
12-04
4. 结果分析：生成的缓冲区多边形可以与其他地理数据叠加，进行空间查询和分析。例如，可以计算两个缓冲区的重叠部分，以确定它们的影响范围是否有交集；或者统计缓冲区内的人口、建筑数量等属性，以评估影响程度。 ...
arcgis api for js 缓冲区分析
11-12
arcgis api for js 缓冲区分析。可以直接运行，可以实现，初学者可以下载看看
基于WebGIS的交互式缓冲区分析查询
10-31
详细介绍arcgis API for flex实现缓冲区分析的步骤，以及Geometry Service进行缓冲区计算
Buffer VC++ 进行缓冲区分析
05-10
- 结果处理：返回的缓冲区可以进一步处理，如叠加分析、查询、可视化展示等。 6. **C++编程技巧**： - 面向对象编程：利用C++的类和对象封装数据和行为，创建缓冲区对象并实现其方法。 - 异常处理：通过try-...
suffer_region.rar_hugekmd_缓冲区分析
07-15
通过MATLAB脚本，我们可以对凸多边形进行缓冲区创建，无论是用于评估影响范围、识别相邻区域还是进行其他空间查询。对于大型数据集，"hugekmd"工具的使用可以显著提升处理速度，使得这种分析在实际应用中更具可行性...
缓冲区查询
12-13
在进行数据分析时，通常需要通过缓冲区进行查询。本范例示范如何通过创建缓冲区对数据进行查询。
arcengine 缓冲区查询 (ITopologicalOperator ISpatialFilter接口 )
一条道走到黑的GISer
08-26 3050
缓冲区查询特别有用，也很方便，照着别人的自己写了一个，记录一下。 缓冲区查询主要用到的核心接口就两个，ITopologcialOperator和ISpatialFilter这两个接口。第一个接口用来构建缓冲区和进行其他的拓扑操作，第二个接口是空间过滤器，其中提供空间查询的各种关系。这两个接口还有很多其他属性和方法，用到时自行查看帮助。 一下是缓冲区查询的核心代码，当然之前必须指定查找的
SuperMap iDesktop 8C 空间分析
SuperMap技术控
05-04 5079
网络分析网络分析是依据网络拓扑关系（线性实体之间、线性实体与结点之间、结点与结点之间的连接、连通关系），通过考察网络元素的空间及属性数据，对网络的性能特征进行多方面的分析计算，得出符合规则的一个或多个解。SuperMap iDesktop提供了最佳路径分析、最近设施查找分析、选址分区分析等多种网络分析功能，详细的操作方法请观看视频。 优酷视频：http://suo.im/11OzSM 腾讯视频：h
[GIS教程] 7 空间数据查询与空间度量
geodoer
10-04 6074
文章目录空间查询空间属性查询空间图形查询空间关系查询拓扑关系查询缓冲区查询空间度量距离量算方位量算线状物体的量算分数维数曲率与弯曲度面状物体的量算面积周长形状质心最大内切圆最小外接圆最小凸包 【背景】 在地理信息系统中，为进行深层次分析，往往需要查询定位空间对象，并用一些简单的量测值对地理分布或现象进行描述。 对空间对象进行查询和度量是地理信息系统最为基本的功能之一，空间分析始于空间数据查询与度...
ArcGIS Server 9.3 中线缓冲区查询的实现
weixin_30300225的博客
03-01 133
效果如上图。步骤如下： 1、加入一个按钮和一个textbox，并为按钮设置监听事件。如下所示： 请输入缓冲距离:<ext:TextField ID="txtBuffer" runat="server"> </ext:TextField>米<br /><br />&nbsp;&nbsp; &nbsp;&...
缓冲区点查询（在地图上点击一点，查询一定范围内的信息）
weixin_30681121的博客
10-26 500
首先在页面上添加如果代码： <esri:MapResourceManager ID="MapResourceManager1" runat="server"> <ResourceItems> <%--高亮显示--%> <esri:MapResourceItem Definition="&lt;...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值