Issue with scale - changing it produces a grid effect

[pall3n]

Hello,

I have just been looking at this api and tested out the example code from issue #11 which works great. The issue arrises when I change the scale. If I change it to 2 it produces this:

If I change the scale to 4 which is closer to what I am looking for it does not seem to really do anything.

Any ideas?

[Hyno]

Hi pall3n, have you already found a solution for this grid problem? I'd like to hear as im struggling with the same thing. Thanks!

[pall3n]

Hello @Hyno, no I did not have any joy with this. Have tried looking down other avenues but no luck yet.

If you do make any progress please post an update as it would be very handy. Thanks

[Hyno]

Hi @pall3n, I managed to get a scaled image by manually filling in the tilesize in the getTile url and in the tileSize variable and leave the scale at 1.
var params = {
scale: 1
...
tileSize: 1024
getTile: function(z,x,y, callback){
var url = 'https://api.mapbox.com/styles/v1/{userAccount}/{styleId}/tiles/512/'+z+'/'+x+'/'+y+'@2x?access_token
...
}
};