Correct settings for using new mapbox styles (rendered, nonvector) image tiles

Hi All,

When I use the new mapbox styles image tiles, they render too small:

mapTileLabelUrl = 'https://api.mapbox.com/styles/v1/t*****t/'+feed.themeParameters.base_labels_id_vector+'/tiles/{z}/{x}/{y}?access_token=' + accessToken;

baseLabelsLayer = new L.tileLayer(mapTileLabelUrl, {
             attribution: attribution,
             zoomControl:false,


             pane: labelPane,
        //   detectRetina: true
        //   zoomOffset:-1,
       //tileSize: 512
       }).addTo(map);

I tried to use {tileSize: 512} and {tileSize: 128} on the tileLayer to no avail. Is there any way to scale the base tiles, to make the tiles bigger? Can’t find much documentation.

[perliedman]

The issue can be fixed by using zoomOffset: -1: http://playground-leaflet.rhcloud.com/moy/edit?html,output

This actually makes sense, since with 512x512 pixels tiles, if you want the world to cover exactly one tile on zoom 0, you can’t use the same scale factor as Leaflet’s default (which is based on 256 pixel tiles). Hence, zoomOffset to the rescue.

While this might hard to figure out, I have a bit of a hard time to see how this can be solved on Leaflet’s side, since it really depends on the tile server’s configuration. I don’t think this is an issue in Leaflet, after all.

[livemixlove]

Thank you for looking into this!! I really appreciate it.

I posted this on stackoverflow on a related question: http://stackoverflow.com/questions/35590579/is-it-possible-to-use-leaflet-version-1-with-custom-mapbox-style

Seems like mapbox could improve the docs on this.