十二、openlayers官网示例Change Tile Layer Style解析——修改WebGLTile图层样式

官网demo地址：

Change Tile Layer Style 

这篇和七、openlayers官网示例Band Contrast Stretch解析——加载地图并修改颜色差不多

七、openlayers官网示例Band Contrast Stretch解析——加载地图并修改颜色-优快云博客      

初始化地图之后添加了GeoTIFF数据源的WebGLTile图层。

this.geoTIFFLayer = new TileLayer({
        style: this.stylesArr[this.styleSelector],
        source: new GeoTIFF({
          normalize: false,
          sources: [
            {
              url: "https://s2downloads.eox.at/demo/EOxCloudless/2020/rgbnir/s2cloudless2020-16bits_sinlge-file_z0-4.tif",
            },
          ],
        }),
      });
      this.map.addLayer(this.geoTIFFLayer);

WebGLTile 图层加载方式和之前我们加载的切片不同，XYZ请求的是png，WebGLTile 加载的是tif文件，我们可以看下网络请求。

这是xyz

这是WebGLTile 

WebGLTile和Tile的区别是什么？

1. Tile（瓦片）：

   • Tile 是地图上的基本单元，通常是一个小的图像或数据块，用于在地图上构建图像。
   • 传统的瓦片可以是静态的图像（如PNG或JPEG格式），也可以是包含地图数据的矢量格式（如GeoJSON格式）。
   • 瓦片通常在地图上被平铺和加载，以构建出整个地图的图像或数据。
   <