Preview of map and <MapView /> cleans up

Mappedin JS
,
1

Hi everyone,

I’m encountering an issue when using the Mappedin React SDK to display map previews. Specifically, I’m seeing a browser warning about “Too many active WebGL contexts.” It appears that each instance of the <MapView /> component creates a new WebGL context, and once I exceed the browser’s limit, the oldest contexts are lost.

I’ve looked through the documentation but haven’t found any guidance on cleaning up these WebGL contexts or best practices for managing multiple map previews. Has anyone experienced this issue or found an effective workaround?

Some ideas I’ve considered:

  • Conditional Rendering: Only rendering a <MapView /> when needed.
  • Single Instance Reuse: Reusing one instance of <MapView /> for multiple previews by updating its content dynamically.

I’m curious if there’s an official or recommended approach to properly dispose of the WebGL contexts when a map preview is no longer needed, or if there are alternative methods for showing map previews without hitting this limit.

Any insights or suggestions would be greatly appreciated!

Thanks in advance for your help.

2

That error is a result of some incorrect cleanup code within <MapView /> in the Mappedin React SDK. We’ll fix that up and have it corrected in our next release. You won’t require any code changes, just pick up the new release when it’s available.

Thank you for the report!