Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

setStyle not working properly

See original GitHub issue

Your code makes 100% sense. You check for a change in style prop and call map.setStyle acordingly.

However: when I change the style prop, it does not react properly. It goes back to the original zoom when loaded and after changing the style several times I get this:

Uncaught TypeError: Cannot read property 'hasTransition' of undefined
    at t.hasTransitions (mapbox-gl.js:374)
    at e._render (mapbox-gl.js:484)

but that issue does not exist for mapbox-gl docs: https://www.mapbox.com/mapbox-gl-js/example/setstyle/

Issue Analytics

State:
Created 6 years ago
Comments:8 (6 by maintainers)

Top GitHub Comments

1reaction

alex3165commented, Nov 21, 2017

Look like this issue: https://github.com/mapbox/mapbox-gl-js/issues/5714 fix released with version 0.42.2 of mapbox-gl

0reactions

Wykkscommented, Nov 25, 2017

If you pass center and zoom like that, you’re creating a new ref of center and zoom for each render. To fix that, you can put center and zoom inside the component state for example.