无法在OnePlus 5T的Chrome上加载地图

问题描述 投票：-1回答：1

我正在使用Here JavaScript Web SDK，并且在BrowserStack上的每种设备和浏览器组合上，一切都可以正常工作。但是，在运行Chrome 77.0.3865.116的OnePlus 5T物理设备上，无法使用控制台中下面的堆栈跟踪加载地图。

我看到的是显示了包含地图控件的地图容器，还简要显示了添加到地图的两个标记。然后，屏幕似乎在重新绘制，标记消失了，只剩下UI控件，留下了灰色的空白地图。

在运行Firefox的同一设备上，没有问题。堆栈跟踪为：

WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
mapsjs-core.js:377 Tangram [error]: Style: error compiling program for style '0_icon_library' (program key 'program') {texture: "icon_library", blend_order: 1, draw: {…}, mix: Array(1), name: "0_icon_library", …} TypeError: Failed to execute 'shaderSource' on 'WebGLRenderingContext': parameter 1 is not of type 'WebGLShader'.
    at Function.Zl.disabled.Wl.createShader (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:215834)
    at Function.Wl.updateProgram (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:214896)
    at f.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:208515)
    at Object.getProgram (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:255275)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:507122)
    at t (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:506861)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:507018)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:506274)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:504451)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:504035)
Jr @ mapsjs-core.js:377
getProgram @ mapsjs-core.js:377
value @ mapsjs-core.js:377
t @ mapsjs-core.js:377
value @ mapsjs-core.js:377
value @ mapsjs-core.js:377
value @ mapsjs-core.js:377
value @ mapsjs-core.js:377
value @ mapsjs-core.js:377
$k.V @ mapsjs-core.js:286
n.Jh @ mapsjs-core.js:333
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
mapsjs-core.js:377 Tangram [error]: Style: error compiling program for style '0_shields' (program key 'program') {blend_order: 1, draw: {…}, mix: Array(1), name: "0_shields", mixed: {…}, …} TypeError: Failed to execute 'shaderSource' on 'WebGLRenderingContext': parameter 1 is not of type 'WebGLShader'.
    at Function.Zl.disabled.Wl.createShader (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:215834)
    at Function.Wl.updateProgram (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:214896)
    at f.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:208515)
    at Object.getProgram (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:255275)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:507122)
    at t (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:506861)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:507018)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:506274)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:504451)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:504035)
Jr @ mapsjs-core.js:377
getProgram @ mapsjs-core.js:377
value @ mapsjs-core.js:377
t @ mapsjs-core.js:377
value @ mapsjs-core.js:377
value @ mapsjs-core.js:377
value @ mapsjs-core.js:377
value @ mapsjs-core.js:377
value @ mapsjs-core.js:377
$k.V @ mapsjs-core.js:286
n.Jh @ mapsjs-core.js:333
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
requestAnimationFrame (async)
Xj @ mapsjs-core.js:234
zm @ mapsjs-core.js:332
n.Jh @ mapsjs-core.js:334
mapsjs-core.js:377 Tangram [error]: Style: error compiling program for style '0_text-blend-order' (program key 'program') {blend_order: 1, mix: Array(1), name: "0_text-blend-order", mixed: {…}, animated: false, …} TypeError: Failed to execute 'shaderSource' on 'WebGLRenderingContext': parameter 1 is not of type 'WebGLShader'.
    at Function.Zl.disabled.Wl.createShader (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:215834)
    at Function.Wl.updateProgram (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:214896)
    at f.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:208515)
    at Object.getProgram (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:255275)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:507122)
    at t (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:506861)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:507018)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:506274)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:504451)
    at l.value (https://js.api.here.com/v3/3.1/mapsjs-core.js:377:504035)

我不确定最好的举报方式，因此请在此处发布。如果有人为我提供解决方法，我们很乐意提出适当的问题。

编辑用MapBox调查了此错误消息的一个原因是，运行WebGL的浏览器选项卡打开过多，但这仅打开了一个选项卡就会发生]

我正在使用Here JavaScript Web SDK，并且在BrowserStack上的每种设备和浏览器组合上，一切都正常运行。但是，在运行Chrome 77.0.3865.116的OnePlus 5T物理设备上，...

here-api
1个回答
0
投票

在改进了JS API之后，出现了问题“ WebGL：CONTEXT_LOST_WEBGL：lostContext：上下文丢失”。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.