（十八）ArcGIS JS 不通过查询获取图层中的所有要素

最新推荐文章于 2024-05-30 16:17:54 发布

idomyway

最新推荐文章于 2024-05-30 16:17:54 发布

阅读量3.5k

点赞数

分类专栏： ArcGIS JS 学习笔记文章标签： ArcGIS JavaScript featureLayer feature 要素

本文链接：https://blog.csdn.net/idomyway/article/details/84591687

版权

ArcGIS JS 学习笔记专栏收录该内容

26 篇文章 16 订阅

订阅专栏

前言

在很多应用场景下，需要将服务中的要素重新用PictureMarkerSymbol符号化，我们需要一次性获取服务中图层的所有要素.
如果通过传统的异步查询，时间消耗很大，并且还需要手动的修改服务器的要素最大返回数值。可以说是繁琐和耗时的一种方法。

思路

FeatureLayer是对数据进行操作的理想图层加载方式。FeatureLayer中是继承于GraphicsLayer，继承关系如下：

esri/layers/Layer
|_esri/layers/GraphicsLayer
  |_esri/layers/FeatureLayer

在FeatureLayer中，有属性Graphics如下：
在这里插入图片描述

那么，可以通过Featurelayer.graphics获取图层中的graphic，进而获取geometry，并进行符号化。

实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://js.arcgis.com/3.25/esri/css/esri.css">
    <script src="https://js.arcgis.com/3.25/"></script>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        html,body,#mapDiv{
            height: 100%;
        }
    </style>
</head>
<body>
    <div id="mapDiv"></div>
    <script>
        require([
            "dojo/ready",
            "dojo/parser",
            "esri/map",
            "esri/layers/FeatureLayer",
            "esri/symbols/PictureMarkerSymbol",
            "esri/layers/ArcGISDynamicMapServiceLayer",
            "dojo/domReady!"
        ], function(ready,parser,Map,FeatureLayer,PictureMarkerSymbol,ArcGISDynamicMapServiceLayer) {
            parser.parse();
            var map = new Map("mapDiv");
            var baseLayer=new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/wfMap/ngstreet/MapServer");
            var dynamicLayer=new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/wfMap/ngstreetShape/MapServer");
            var featureLayer = new FeatureLayer("http://localhost:6080/arcgis/rest/services/wfMap/ngstreetShape/MapServer/2",{
                mode: FeatureLayer.MODE_SNAPSHOT,
                outFields: ["*"]
            });
            var szPictureSymbol =  new PictureMarkerSymbol('./images/loc.png', 16, 16);
            featureLayer.setSelectionSymbol(szPictureSymbol);

            map.addLayers([baseLayer,dynamicLayer,featureLayer]);
            console.log(featureLayer);
            console.log(featureLayer.graphics);

        })
    </script>
</body>
</html>

    在控制台输出数据中，输出featherLayer时，graphics中有值，但是在单独输出featurelayer.graphics时，数组为空，无法取到其中的值。
在这里插入图片描述
    经过翻查官方文档
    需要在添加update-end事件完成之后，才可以拿到graphics

map.addLayer(featureLayer);
//添加“update-end”事件
map.on("update-end", function(){
 console.log(featureLayer.graphics);
});

输出结果：
在这里插入图片描述

后续

在后面的实战中发现，每次地图发生变换都会执行update-end事件，为了避免代码被重复执行，做此优化：

var handle = map.on("update-end", function(){
   console.log(featureLayer.graphics);
   //操作....
   handle.remove();
});

idomyway

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录