GraphicsLayer 与 FeatureLayer

最新推荐文章于 2023-08-09 15:11:41 发布
最新推荐文章于 2023-08-09 15:11:41 发布
阅读量567 收藏
点赞数 1
分类专栏： arcgis javascript 文章标签： arcgis featureLayer graphicsLayer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kangkang_style/article/details/76439086
版权
GraphicsLayer和FeatureLayer是ArcGIS中的两种图层类型。GraphicsLayer是内存中的图层，由人为创建的Graphic组成，包含Geometry、Symbol和Attributes。而FeatureLayer是从ArcGIS Server服务读取数据，拥有URL属性，自动填充Graphic的Geometry和Attributes，适用于显示服务图层的要素信息。
摘要由CSDN通过智能技术生成

结构树：

 |–TiledMapServiceLayer
  |       |–ArcGISTiledMapServiceLayer

  |–DynamicLayer
  |       |–DynamicMapServiceLayer
  |                 |– ArcGISDynamicMapServiceLayer
  |                 |–ArcGISImageServiceLayer
  |                 |–GPResultImageLayer
  |– GraphicsLayer
   |       |– FeatureLayer
  |–ElementLayer 

 Layer最基本的基类，

ArcGISTiledMapServiceLayer和ArcGISDynamicMapServiceLaye

最低0.47元/天 解锁文章
kangkang_style
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ArcGIS图层简介 GraphicsLayer与FeatureLayer 介绍与区别
悦儿尚儿的博客
11-20 7421
ArcGIS图层简介 GraphicsLayer与FeatureLayer 介绍与区别
GraphicsLayer与FeatureLayer区别 （转）
weixin_30477797的博客
09-01 197
转自http://xiaobaila.blog.163.com/blog/static/189705129201152711528852/ 本文内容：GraphicsLayer，FeatureLayer，自定义地图符号。我们的应用场景是对超市数据进行展示，查询和分析，因此第一步当然是要将超市显示在地图之上。如所有的GIS软件一样，要将数据加载到地图里面，需要图层的概念，这里我们也需要合适的图...
arcgis图层 GraphicsLayer与FeatureLayer
12-10 346
什么是图层 图层是用来在 ArcGIS 产品套件中显示地理数据集的机制。每个图层代表一种数据集（可以是地图服务、图形或是矢量数据），并指定该数据集是如何描绘使用一组属性的。 包含一个地图控件的每个应用程序是通过添加一系列图层组装的。图层以特定的顺序显示在地图上，列在最底部的图层在地图的最上面显示，也就是先添加的图层在下面显示（原理类似于“栈”）。比如，在XAML代码中，最靠上的图...
featurelayer与graphicslayer的关系
qq_15167261的博客
12-01 1418
FeatureLayer继承自GraphicsLayer，GraphicsLayer中的Graphic都是人为创建出来的，而FeatureLayer中的Graphic都是从ArcGIS Server发布的服务中读取出来的，所以在开发的时候map.graphics.add(feature)这种用法也是可以的。
ArcGIS API for JavaScript：对geometry、Graphic、FeatureLayer的理解
老靳的WebGIS
06-07 862
应该就是几何的意思 Graphic：图形 图形Graphic是现实世界地理现象的矢量表示。它可以包含几何geometry、符号symbol和属性attributes。图形将显示在图形层 GraphicsLayer中。 FeatureLayer：要素图层
GraphicsLayer导出为Shapefile 扩展
02-14
本扩展功能的核心在于将GraphicsLayer或FeatureLayer导出为Shapefile格式，这是一种广泛使用的矢量数据交换格式。下面我们将深入探讨这个过程涉及的关键知识点。 1. **ArcGIS Silverlight API**： ArcGIS ...
Arcgis for Javasctipt中常见的layer简介
01-09
它可以从FeatureLayer或GraphicsLayer中提取数据进行标注。以下代码创建了一个标注图层： ```javascript var symbol = new TextSymbol(); var renderer = new SimpleRenderer(symbol); var labelLayer = new Label...
ArcGIS API for JavaScript v4.16 API & SDK 库文件与官方文档
10-08
`esri.layers`模块包含了各种图层类型，如`FeatureLayer`用于加载矢量数据，`TileLayer`用于加载瓦片数据，以及`GraphicsLayer`用于显示自定义图形。 此外，ArcGIS API for JavaScript v4.16还支持地理编码...
ArcGIS+Server+Flex+API教程与源码
08-28
通过分析这些源码，我们可以学习到如何使用Flex API的基本组件，如Map、Layer、GraphicsLayer等。同时，源码中的事件处理和数据交互逻辑也是学习的重点，如如何响应用户操作，如何与服务器进行异步通信。 5. 地图...
Arcgis api for javascript(4.5版本) - 点击多边形(Polygon)并高亮显示
04-10
API提供了一个名为`hitTest`的方法，可以用来检测地图上的几何对象是否与给定的屏幕坐标相交。对于多边形，我们可以这样做： ```javascript mapView.hitTest(event.screenPoint) .then(function(response) { if ...
三、Arcgis api js -- 图形管理 Layer
wo的博客
03-02 685
：graphic、graphiclayer、map、view、各种layer – feature – featurelayer 1、区别 1、GraphicsLayer与featurelayer区别 1）官方 GraphicsLayer包含一个或多个Graphic 与FeatureLayer和MapImageLayer不同，GraphicsLayer没有架构。 通常，在处理图形时，最好使用其源属性构造FeatureLayer， 因为FeatureLayer比GraphicsLayer.
openLayers实战(三)：图层layer与元素feature
最新发布
在下魔王ii的博客
08-09 3433
在第一篇中，已经建立了map、view、source、layer之间的关系，并正确渲染，这里展开说明如何正确的创建图层和元素。
ArcGIS API for JavaScript+vue系列（三）-地图layer的基本概述
tjx1997的博客
08-15 1429
目录一、图层Layer二、一些layer的简述1 FeatureLayer2 GraphicsLayer3 ImageryLayer3 TileLayer 一、图层Layer 图层是Map最基本的组件。它是表示现实世界现象的矢量图形或光栅图像形式的空间数据的集合。图层可能包含存储矢量数据的离散特征或存储栅格数据的连续像元/像素。 对于基于矢量的图层，例如FeatureLayer和GraphicsLayer，图层中包含的每个要素都有一个Geometry，允许将其渲染为具有视图空间上下文的Graphic。图层内
关于FeatureLayer.graphics方法的使用
Misaka_0的博客
05-15 1455
该方法是用来获取FeatureLayer图层上的所有Graphic对象的，是一个Graphic[]类型。但是在使用过程中需要特别注意，此方法获取的是当前地图视图范围内的FeatureLayer上的Graphic对象，而不是获取的FeatureLayer上所有的Graphic。比如，你将视图放大到只显示一个图斑，那么用FeatureLayer.graphics就只能获取一个Graphic对象。...
浅谈ArcGIS移动开发中的基本变量：Graphic、Geometry、Feature、GraphicsOverlay、FeatureLayer、FeatureTable、Symbol
Smart3S的博客
07-19 4305
一、Graphic        即图形，包含Geometry几何、attributes属性（可选，通常使用 java.util.Map创建）和Symbol符号。 二、GraphicsOverlay        可译为图形覆盖（物），用于容纳要显示在MapView上的临时图形，如查询或分析的结果，高亮，变化的事物、绘制的图形等，GraphicsOverlay由Graphic图形组成，因此也...
GraphicsLayer & FeatureLayer (V4.14)
LeoGIS1987的博客
03-02 630
dojo.js:229 [esri.layers.graphics.sources.MemorySource] Source modifications will not propagate after layer has been loaded. Please use .applyEdits() instead 将GraphicsLayer转换为FeatureLayer后遇到问题： 1...
编写代码：arcgis api for js 创建FeatureLayer，其中FeatureLayer图层中包含很多多边形要素。要求提供一个多边形/矩形绘制工具，通过点击多边形按钮或者矩形按钮进行形状绘制。判断绘制的形状与FeatureLayer中的多边形要素的包含关系，突出显示包含在绘制的形状内部的要素，并输出要素的信息
06-14
好的，我来给你提供一份代码示例，实现你所需的功能： ```javascript require([ "esri/Map", "esri/views/MapView", "esri/layers/FeatureLayer", "esri/Graphic", "esri/geometry/geometryEngine", "esri/geometry/Polygon", "esri/geometry/Extent", "esri/layers/GraphicsLayer", "esri/widgets/Draw" ], function(Map, MapView, FeatureLayer, Graphic, geometryEngine, Polygon, Extent, GraphicsLayer, Draw) { // 创建地图 var map = new Map({ basemap: "streets" }); // 创建地图视图 var view = new MapView({ container: "viewDiv", map: map, center: [-118.80500, 34.02700], // 设置地图中心点 zoom: 13 // 设置缩放级别 }); // 创建 FeatureLayer var featureLayer = new FeatureLayer({ url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/2" }); // 添加 FeatureLayer 到地图 map.add(featureLayer); // 创建一个 GraphicsLayer，用于存储符合要求的要素 var graphicsLayer = new GraphicsLayer(); map.add(graphicsLayer); // 创建 Draw 工具 var draw = new Draw({ view: view }); // 创建多边形按钮 var polygonButton = document.createElement("button"); polygonButton.innerHTML = "绘制多边形"; polygonButton.addEventListener("click", function() { drawPolygon(); }); view.ui.add(polygonButton, "top-right"); // 创建矩形按钮 var rectangleButton = document.createElement("button"); rectangleButton.innerHTML = "绘制矩形"; rectangleButton.addEventListener("click", function() { drawRectangle(); }); view.ui.add(rectangleButton, "top-right"); // 绘制多边形 function drawPolygon() { // 清空 GraphicsLayer graphicsLayer.removeAll(); // 设置 Draw 工具为多边形 draw.active = "polygon"; // 监听 draw-end 事件 draw.on("draw-end", function(event) { // 获取用户绘制的多边形 var polygon = new Polygon(event.geometry); // 遍历 FeatureLayer 中的要素 featureLayer.queryFeatures().then(function(results) { results.features.forEach(function(feature) { // 判断要素是否包含在用户绘制的多边形内部 if (geometryEngine.contains(polygon, feature.geometry)) { // 将符合要求的要素添加到 GraphicsLayer 中 graphicsLayer.add(new Graphic(feature.geometry, null, feature.attributes)); } }); }); }); } // 绘制矩形 function drawRectangle() { // 清空 GraphicsLayer graphicsLayer.removeAll(); // 设置 Draw 工具为矩形 draw.active = "rectangle"; // 监听 draw-end 事件 draw.on("draw-end", function(event) { // 获取用户绘制的矩形 var extent = new Extent(event.geometry); var polygon = Polygon.fromExtent(extent); // 遍历 FeatureLayer 中的要素 featureLayer.queryFeatures().then(function(results) { results.features.forEach(function(feature) { // 判断要素是否包含在用户绘制的矩形内部 if (geometryEngine.contains(polygon, feature.geometry)) { // 将符合要求的要素添加到 GraphicsLayer 中 graphicsLayer.add(new Graphic(feature.geometry, null, feature.attributes)); } }); }); }); } }); ``` 这个代码示例创建了一个地图视图，加载了一个包含多个多边形要素的 FeatureLayer，并提供了两个按钮，用于绘制多边形和矩形。当用户绘制完形状后，代码会判断 FeatureLayer 中的每个要素是否包含在用户绘制的形状内部，如果是，则将要素添加到一个 GraphicsLayer 中，并将其突出显示。同时，代码还会输出符合要求的要素的属性信息。 希望这个代码示例能够帮助到你。如果你有任何问题，请随时问我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值