十三、openlayers官网示例Cloud Optimized GeoTIFF (COG)解析——加载GeoTIFF并使用QGIS查看TIF文件

官网demo地址：

Cloud Optimized GeoTIFF (COG) 

这个示例乍一看很简单，不就是加载了一个GeoTIFF数据源的图层？代码还这么少，噢耶，轻松get。

但是，细细来看，还是有许多小细节的地方值得深挖。

加载这个图层为什么没传style？难道是有默认样式？

 layers: [
        new TileLayer({
          source: source,
        }),
      ],

初始化地图的view这里直接写的source.getView() 为什么？像之前一样写 new View再传递参数能行吗？

答案是可以的，不过要注意坐标系是3857 而不是4326，写成4326图层是看不见的，这也就告诉我们，加载的数据源要和地图的View坐标系保持一致，否则是出不来的。至于source.getView()，则是直接把地图视角定位到了source这个数据源上，这也告诉了我们视图定位的另一种方式——以某一个数据源的View去定位，回顾一下地图定位的其他方式1、直接设置center值。2、使用view.fit（矢量地块）

 const map = new Map({
      target: "map",
      layers: [
        new TileLayer({
          source: source,
        }),
      ],