Javascript Three.js-can';在Mapbox GL JS自定义WebGL层上渲染立方体

Javascript Three.js-can';在Mapbox GL JS自定义WebGL层上渲染立方体,javascript,three.js,mapbox-gl-js,Javascript,Three.js,Mapbox Gl Js,我正在尝试使用以下示例呈现多维数据集: 示例在three.js上最多可运行117个版本。 由于118版本示例不起作用:多维数据集在页面刷新后立即消失。我研究了changelog,最值得注意的变化是,由于v118 three.js使用WebGL2作为默认渲染引擎。所以我改变了代码使用WebGL1,但立方体仍然消失了 this.renderer = new THREE.WebGL1Renderer({ canvas: map.getCanvas(), context: gl, ant

我正在尝试使用以下示例呈现多维数据集:

示例在three.js上最多可运行117个版本。 由于118版本示例不起作用:多维数据集在页面刷新后立即消失。我研究了changelog,最值得注意的变化是,由于v118 three.js使用WebGL2作为默认渲染引擎。所以我改变了代码使用WebGL1,但立方体仍然消失了

  this.renderer = new THREE.WebGL1Renderer({
  canvas: map.getCanvas(),
  context: gl,
  antialias: true
});

这里是重现这个问题。(重新加载页面以查看多维数据集片刻)

我也遇到了同样的问题,但通过将
render()
函数中的
renderer.state.reset()
替换为
renderer.resetState()
解决了这个问题,该函数在r124中引入,在r126中得到了改进


也有更新。

我也有同样的问题,它甚至更好,如果你想LOL,添加2个立方体,它就工作了。老实说,我认为这是一个错误。如果你想努力玩Mapbox和Three.js,我建议你去看看谢谢你,@jscastro!添加第二个立方体解决了这个问题。我一定要结账。关于maptalks,你能说些什么?它是一个令人惊叹的框架,但我决定使用mapbox,因为它也是Azure Maps的核心,我发现maptalks中的模型存在一些严重问题