Weird artifacts on Samsung mobile

[viki53]

Hi,

I just integrated Mapbox GL into a mobile (Ionic) app where we already use the regular JS version, in order to improve performance and test some new features.

So, I started by trying on a basic map which worked fine on my phone (LG Nexus 4) and some others (HTC One & One Plus One), but on a Samsung Galaxy S6 we started seeing some artifacts appear.

mapbox-gl-js version: 0.18.0 (downloaded just a few hours ago)

Steps to Trigger Behavior

1. Use the following code:

new mapboxgl.Map({
    container: 'mapbox-map',
    style: 'mapbox://styles/mapbox/streets-v8'
})

1. Test on a Samsung Galaxy S6 (possibly other devices)
2. Try zooming in and out

Expected Behavior

No artifacts

Actual Behavior

Artifacts (see following screenshots) depending on location and zoom

[mourner]

This may have been fixed by the recently merged #1606. Can you try the master branch version?

[viki53]

Thanks for the quick answer!

Is there a file that I can download directly to replace the https://api.tiles.mapbox.com/mapbox-gl-js/v0.18.0/mapbox-gl.js one? I'll get to testing right away

[mourner]

@viki53 you can build it by cloning the repo, then running npm install && npm run production, which will generate dist/mapbox-gl.js.

[viki53]

Seems much better! Thanks!