setPaintProperty not work on click event

[longwind91]

mapbox-gl-js version: 0.54.0

browser: chrome

Steps to Trigger Behavior

click map to excute setPaintProperty function, but it don't work, the property line-pattern not changed

Link to Demonstration

https://jsbin.com/rukoji/edit?js,output

Expected Behavior

change paint property, the line-pattern will be greenArrow

Actual Behavior

don't work, the line-pattern is still redArrow

[ahk]

Hi @longwind91, sorry I don't have better news but yes this is a bug and your code should work as you expect. I looked into this today and can reproduce this issue across as many browsers and platforms as I tested.

I have yet to find the source or explanation for the bug. I'll update this issue as soon as I do, hopefully with a workaround you can use while we integrate the fix.

Thank you for your submission (and your patience).

[longwind91]

Thanks for your reply. Looking forward to the bug being fixed

[ahk]

Hi @longwind91 we have integrated the fix. If you grab our newest source (and build mapbox-gl-js yourself) you could start using this immediately.

If you'd like to wait for our official release, in the meantime you can use a workaround. Place this immediately following any map.setPaintProperty(...) in your JSBin:

map.style._updateLayer(map.getLayer('line'))

The idea is to force "re-layout" on whatever layer you are updating, so for example if you had other layers you'd use their id string instead of 'line'.

Hope this helps, thanks for the report!