Leaflet: how many tiles are loaded when map is loading for the first time?

Question

I integrated Leaflet OSM (Open Street Maps) to my application and the map view is loading.

this.map = leaflet.map(this.mapContainer.nativeElement, {
      preferCanvas: true,
      zoom: 14,
      zoomAnimationThreshold: 0,
      renderer: leaflet.canvas()
    });

I want the count of tiles loaded when map is loaded.

I checked official docs of leaflet but didn't find regarding the count.

do I need to calculate the count of tiles loaded according to screen? if yes then how?

Answer 1

You can try this:

function getTilesCount(){
    var tileLayers = map.getPane('tilePane').children[0].children;
    var idx = -1;
    var tileCount = 0;
    for(var i = 0; i < tileLayers.length; i++){
        var tile = tileLayers[i];
        if(tile.style.zIndex >= idx){
            idx = tile.style.zIndex;
            tileCount = tile.children.length;
        }
    }
    return tileCount;
}

It counts the DOM tiles in tile container with the highest z-Index