three.js如何使用gdal加载tiff文件，再加一个文件，并且2次之间的高程差，请详细介绍

three.js 可以使用 gdal 来加载 tiff 文件，再使用 Three.js 的 API 来将其添加到场景中。

下面是一个简单的示例代码：

import * as THREE from 'three';
import { Tiff } from 'gdal-async';

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
const renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );

// 加载 tiff 文件
const tiff = new Tiff('path/to/tiff/file.tiff');

// 获取 tiff 文件的数据
const data = tiff.readRasters()[0];
const width = tiff.width;
const height = tiff.height;

// 创建地形几何体
const geometry = new THREE.PlaneGeometry( 100, 100, width - 1, height - 1 );

// 设置顶点高度
for ( let i = 0; i < height; i ++ ) {
  for ( let j = 0; j < width; j ++ ) {
    const idx = i * width + j;
    geometry.vertices[idx].z = data[idx];
  }
}

// 加载另一个 tiff 文件
const tiff2 = new Tiff('path/to/another/tiff/file.tiff');
const data2 = tiff2.readRasters()[0];

// 计算高程差并修改顶点高度
for ( let i = 0; i < height; i ++ ) {
  for ( let j = 0; j < width; j ++ ) {
    const idx = i * width + j;
    geometry.vertices[idx].z += data2[idx];
  }
}

// 计算法向量
geometry.computeVertexNormals();

// 创建材质
const material = new THREE.MeshPhongMaterial( { color: 0xffffff, side: THREE.DoubleSide } );

// 创建地形网格
const mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );

// 设置相机位置和目标点
camera.position.set( 0, 50, 100 );
camera.lookAt( new THREE.Vector3( 0, 0, 0 ) );

// 渲染场景
function animate() {
  requestAnimationFrame( animate );
  renderer.render( scene, camera );
}
animate();

上述示例代码使用了 `gdal-async` 库来加载 tiff 文件，通过 `Tiff` 类来读取 tiff 文件的数据。接着，我们创建了一个地形几何体并设置了顶点高度。然后，我们又加载了另一个 tiff 文件，并计算了高程差，并修改了地形几何体的顶点高度。最后，我们创建了一个地形网格并将其添加到场景中。

此外，还需要注意的是，在计算高程差时，需要确保两个 tiff 文件的分辨率和大小相同，否则会导致计算出的高程差不准确。