当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JavaScript ArcGIS BaseLayerViewGL2D用法及代码示例


基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/views/2d/layers/BaseLayerViewGL2D"], (BaseLayerViewGL2D) => { /* code goes here */ });

ESM: import BaseLayerViewGL2D from "@arcgis/core/views/2d/layers/BaseLayerViewGL2D";

类: esri/views/2d/layers/BaseLayerViewGL2D

继承: BaseLayerViewGL2D > LayerView > Accessor

自从:用于 JavaScript 4.11 的 ArcGIS API

用法说明

表示 LayerLayerView 在被添加到带有 MapViewMap 之后。与相关类 BaseLayerView2D 相比,这一类公开了 WebGL 渲染函数。

重要笔记

这个接口是实验性的。在将其用于产品之前,请仔细阅读以下信息。

由于WebGL 的性质,不可能完全沙箱用户提供的代码,其故障会影响整个MapView 的性能、视觉质量甚至稳定性。出于这个原因,Esri 不为与自定义渲染代码中的WebGL 渲染相关的问题或使用自定义渲染代码时在MapView 渲染中出现的问题提供任何支持。

可以扩展此类以为层创建自定义LayerView。当将图层添加到其Map的图层列表时,MapView 会根据需要创建 LayerView

子类可以实现LayerView生命周期的多种函数。

  • 首先,当LayerView即将开始绘制图层内容时,调用attach()方法;它通常负责资源分配。
  • 然后,在 LayerView 的生命周期内,每帧调用一次 render() 方法;它必须在返回之前完成绘图。
  • 最后,在图层从Map中删除后,调用detach()方法;它释放所有分配的资源并停止on-going请求。

这些函数中的每一个都可以通过实例属性 this.context 访问 MapView 的 WebGL 上下文。开发人员必须提供自己的着色器、网格和纹理,并负责在上下文中设置所需的 GL 状态。

为方便开发人员,从 API 4.14 版本开始,BaseLayerViewGL2D 包含曲面细分辅助方法;开发人员可以提供 PointMultipointPolylineExtentPolygon 几何图形,并将它们转换为三角形网格的抽象说明,这些三角形网格可以很容易地作为顶点和索引缓冲区提供给 GPU。 SDK sample 详细解释了如何使用曲面细分助手以及如何编写兼容的着色器。

例子:

let CustomLayerView2D = BaseLayerViewGL2D.createSubclass({
   render(renderParameters) {
     const gl = this.context;

     ...
   }

   attach() {
     const gl = this.context;

     ...
   }

   detach() {
     const gl = this.context;

     ...
   }
 });

 let CustomTileLayer = Layer.createSubclass({
   tileInfo: TileInfo.create({ spatialReference: { wkid: 3857 }}),

   createLayerView(view) {
     if (view.type === "2d") {
       return new CustomLayerView2D({
         view: view,
         layer: this
       });
     }
   }
 });

相关用法


注:本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 BaseLayerViewGL2D。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。