POI icons don't show up when page zoom is not 100% on page load

[fnicollet]

Hello,

I have just found a weird issue in mapbox-gl-js. If you load it while the page is zoomed out (say 90%), texts appear but icons are not showing up. If you load mapbox-gl-js while page is 100% and then zoom out 90%, icons are correctly displayed.

instead of

Here is a jsfiddle for you to reproduce the issue:

http://jsfiddle.net/fnicollet/u84yapaj/

I started looking in the code but I can't seem to find the issue. There are some icon drawSymbol calls with no error, it just doesn't show. I can't find where there is code looking for pixel density or anything.
Do you have an idea why this bug is happening or a hint on where I should look in the code?

Thanks a lot,
Fabien

[lucaswoj]

On OS X, I was not able to replicate this issue in Safari Version 8.0.8 but was able to replicate the issue in Chrome Version 45.0.2454.85.

[lucaswoj]

Because it works in some browsers, I might start by looking at weird WebGL + page zoom interactions before I started looking for bugs in Mapbox GL JS.

[lucaswoj]

... that, or pixel density

I can't find where there is code looking for pixel density or anything.

https://github.com/mapbox/mapbox-gl-js/search?utf8=✓&q=devicePixelRatio

[lucaswoj]

@fnicollet I think I fixed this with #1593. Please re-open this ticket and ping me if you're still seeing the bug.

[ralphking]

I am getting this issue in Chrome 60 (only Chrome) only on Windows 10, only on some machines.

I'm using a PNG as an icon, I can see it loading and follow the direct link in the browser, however mapbox is sometimes not rendering it.