如何在高德地图和threejs结合使用时解决WebGLRenderer报错？

Question

我在使用高德地图和threejs的创建场景时，调用threejs的方法发生了报错

renderer = new THREE.WebGLRenderer({
        context: gl
      });

报错信息：
Uncaught Error: THREE.WebGLRenderer: WebGL 1 is not supported since r163.

按照提示，我将threejs版本降低到163以下还是会有这个问题
对浏览器进行了测试，可以支持webGL 2
求助如何解决

Answer 1

从Three.js r163版本开始，不再支持WebGL 1。

看了下你的问题浏览器测试可以支持webGL 2，在创建Three.js渲染器时，不要传递context参数，Three.js会自动使用WebGL 2。

const renderer = new THREE.WebGLRenderer({
    antialias: true // 你可以根据需要添加其他参数，启用抗锯齿功能，可以使渲染的图像边缘更加平滑，减少锯齿现象，适用于需要高质量图像的场景，但可能会稍微增加性能开销。
});