mapbox 渲染图标报错 webGl: INvALID ENuM: activeTexture: texture unit out of range

这个错误通常是由于 WebGL 中纹理单元超出范围导致的。纹理单元是指显卡中用于存储和处理纹理数据的硬件单元，它们的数量是有限的，超出范围就会出现这个错误。

解决这个问题的方法是调整地图中渲染图标的纹理单元数量。你可以通过 Mapbox 的 API 中的 `map.addImage()` 方法来添加地图图标，该方法有一个可选参数 `options`，其中包含了 `pixelRatio` 和 `sdf` 两个可选属性，可以通过调整这两个属性的值来解决问题。

例如，你可以将 `pixelRatio` 的值设置为1，将 `sdf` 的值设置为false，这样就可以避免出现上述错误。

map.addImage('marker', marker, { pixelRatio: 1, sdf: false });

如果以上方法仍然无法解决问题，你可以提供更多的细节信息，例如代码片段或相关的报错信息，这样我才能更准确地帮助你解决问题。