arcgis js 4.x实现图层掩膜并且显示掩膜边界样式

最新推荐文章于 2024-07-04 10:21:12 发布

L.傲骨雄风

最新推荐文章于 2024-07-04 10:21:12 发布

阅读量908

点赞数 1

分类专栏： arcgis-js 文章标签： vue.js nginx c#

本文链接：https://blog.csdn.net/xlp789/article/details/126361561

版权

arcgis-js 专栏收录该内容

42 篇文章 4 订阅

订阅专栏

本文介绍了如何使用Esri JavaScript API在地图中创建掩膜图形，通过bufferPolygon方法实现边界缓冲，并设置了特定的图形样式和blending mode。重点在于图形叠加和几何操作的实践应用。

摘要由CSDN通过智能技术生成

  let clipPolygon = new Polygon(graphicson.geometry);
  let bufferPolygon = geometryEngine.buffer(clipPolygon, 50, "meters")

   console.log(clipPolygon)
   let graphic = new Graphic({
   geometry: bufferPolygon,
   symbol: {
      type: "simple-fill",  // autocasts as new SimpleFillSymbol()
      color: [255, 255, 255, 1],
      style: "solid",
      outline: {  // autocasts as new SimpleLineSymbol()
          color: "red",
          width: 2
         }
        }
      })
    console.log(graphic)



    let layer = new GraphicsLayer({
        blendMode: "destination-atop",
        title: "layer"
      });
    layer.add(graphic);

实现掩膜边界样式主要是设置blenmode为"destination-atop"，并且设置graphic样式；注意图层加到最上层;