Mapbox GL JS+;自定义3D层(three.js):闪烁并消失

Mapbox GL JS+;自定义3D层(three.js):闪烁并消失,three.js,mapbox,mapbox-gl-js,Three.js,Mapbox,Mapbox Gl Js,我正在尝试将多个三维模型添加到自定义mapbox图层。我首先使用一个3d模型进行测试,与本例()类似,但使用不同的gltf文件 问题是,模型闪烁然后消失,我不确定如何开始解决这个问题。也许,每个模型都需要自定义设置 代码笔链接: 您的codesandbox在XMLHttpRequest.eval()的Object.eval[as onLoad]()的JSON.parse()的位置0处加载模型“``SyntaxError:Unexpected token

我正在尝试将多个三维模型添加到自定义mapbox图层。我首先使用一个3d模型进行测试,与本例()类似,但使用不同的gltf文件

问题是,模型闪烁然后消失,我不确定如何开始解决这个问题。也许,每个模型都需要自定义设置

代码笔链接:

您的codesandbox在XMLHttpRequest.eval()的Object.eval[as onLoad]()的JSON.parse()的位置0处加载模型“``SyntaxError:Unexpected token<时返回错误​ ``` 似乎您的模型的格式不如GLTF,您可以在文件夹或url上共享该模型以供下载。@jscastro,是的,我无法解释为什么在复制和粘贴描述GLTF对象的json时会出现语法错误:。我认为该文件被识别为.txt文件,而不是。gltf@jscastro无论如何,谢谢你更新threebox。我放弃了使用纯three.js解决方案加载多个3d对象的尝试,而是使用threebox(:庆幸它有帮助@doyz)。