Tiles not loading after setView on mobile

[Trufi]

Tiles not loading If you open the following code to the mobile phone:

var map = L.map('map', {
    center: [54.980206086231, 82.898068362003],
    zoom: 5
});

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

map.setZoom(9, {animate: false});

[mourner]

Will look into it, thanks!

[Trufi]

@mourner can you explain why condition is necessary in this line? https://github.com/Leaflet/Leaflet/blob/master/src/layer/tile/GridLayer.js#L359

if remove if statement and apply this._update(center, tileZoom); on mobile, the problem go away.

[osro]

Yep, this seems to happen on mobile devices and also on desktop Chrome when you enable "device mode" from the developer tools.

[yohanboniface]

@mourner can you explain why condition is necessary in this line? https://github.com/Leaflet/Leaflet/blob/master/src/layer/tile/GridLayer.js#L359

Part of the answer is here: 142e066

[yohanboniface]

Should be fixed by #3815.

[Nikitozz13]

Hi @mourner. I have a similar bug on mobile devices (iPhone 7 for example).

Initializing map with a specific zoom gets the following:

I can workaround it with:

setTimeout( function() {
    map.setView(coordinates, endZoom);
}, 200);

Also I noticed that marker size and anchor options ignoring on mobile devices so marker presentation on desktop and mobile devices differs.
Desktop:

Mobile device:

I can workaround it only with className attribute and css.

Any thoughts?

[ghybs]

Hi @Nikitozz13, great to hear that you find Leaflet useful!

If you are really sure that this is a bug in Leaflet, please open a new issue rather than commenting a closed very old ticket.
Make sure to provide all the information requested in the issue template.

For questions on using Leaflet, please use Stack Overflow or GIS Stack Exchange.