Mapbox-gl-js: Use "WEBGL_lose_context" to destroy WebGL context in Map#remove

Created on 2 Jun 2016 · 8Comments · Source: mapbox/mapbox-gl-js

mapbox-gl-js version: 0.19.0

Chrome 50

Steps to Trigger Behavior

create a map
.remove() the map
repeat

Expected Behavior

No warnings or errors should occur.

Actual Behavior

After a certain number of iterations (about 10 for me) there is a warning in the console Too many active WebGL contexts. Oldest context will be lost. This error indicates that the GL context is not being cleaned up when the map is removed.

feature good first issue

Source

scothis

Most helpful comment

For anyone who comes across this... I use a work-around to show and hide the map canvas rather than redraw the map each time and that fixed my WebGL context issues. Not perfect but acceptable in my use case.

adoming3 on 14 Feb 2018

👍2 👎1

All 8 comments

Backstory - I did some work on this back in #2019 (click through and see the "outdated diffs" for more info).

We are kind of at the mercy of the garbage collector to clean up unused webgl contexts, and that doesn't always happen immediately.

bhousel on 2 Jun 2016

@bhousel Do you know of anything we can do in GL JS to ameliorate the situation? If not, should we close this ticket as "not actionable"?

lucaswoj on 10 Jun 2016

There are delete calls we could make for the underlying resources, and that potentially-sketchy SO answer also claims that resizing the canvas to 1x1 will reduce the amount of memory it consumes until it's GC'ed... shots in the dark but worth a shot