GeoTiff结合Canvas

发表于

更新于

阅读量

使用方法

安装

npm i geotiff --save

引入

<script src="./node_modules/geotiff/dist-browser/geotiff.js"></script>

  const {
    fromUrl,
    fromUrls,
    fromArrayBuffer,
    fromBlob
  } = GeoTIFF

思路

1.利用fromUrl读取tif文件

2.将获取到的tif文件变为image信息

3.获取image的宽、高、范围信息

4.生成canvas元素，设置宽高，利用createImageData(width,height)设置canvas像素信息

5.读取图片的栅格信息