如何在WebGL中正确使用纹理映射以及处理纹理单元？请提供代码示例。

WebGL中的纹理映射是实现复杂3D图形效果的关键技术之一。正确使用纹理和纹理单元，可以让你在WebGL中渲染出高质量的贴图效果。推荐参阅《WebGL规范详解：中文版》来获取关于如何在WebGL中使用纹理的全面指南和代码示例。

参考资源链接：[WebGL规范详解：中文版](https://wenku.csdn.net/doc/u01gy3syxj?spm=1055.2569.3001.10343)

首先，你需要理解WebGL中纹理的生命周期。创建纹理对象后，需要指定纹理数据，然后可以将其绑定到纹理单元上。一个纹理单元可以被看作是GPU中的一个插槽，它允许你的着色器程序使用多个纹理。

在JavaScript中，你可以使用以下步骤来设置纹理：
1. 创建纹理对象：

   var texture = gl.createTexture();

2. 激活纹理单元，并绑定纹理对象：

   gl.activeTexture(gl.TEXTURE0); // 激活第一个纹理单元
   gl.bindTexture(gl.TEXTURE_2D, texture); // 绑定纹理对象到当前激活的纹理单元

3. 设置纹理参数：

   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);

4. 载入纹理数据：

   gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, width, height, 0, gl.RGBA, gl.UNSIGNED_BYTE, image);

在这里，`image`是你希望映射到3D模型上的图片对象。

请注意，纹理映射通常需要在着色器中进行设置，例如在片段着色器中使用uniform变量来传递纹理单元：

uniform sampler2D uSampler; // 定义一个纹理采样器uniform
void main(void) {
    gl_FragColor = texture2D(uSampler, coord); // 使用采样器获取纹理颜色
}

在JavaScript中，你需要确保正确设置uniform变量，并将纹理单元传递给着色器：

var uSampler = gl.getUniformLocation(program, 

参考资源链接：[WebGL规范详解：中文版](https://wenku.csdn.net/doc/u01gy3syxj?spm=1055.2569.3001.10343)