How is image loading implemented in Google Maps?

Question

JavaScript

Prompt or give a link to the material, see examples of implementation. Namely, when you move the map and you can see how the tablets are loaded, I would like to do the same.
Who will have options? Implementation via Canvas.

var array = [];
  for (var a = 1; a < 9; a++) { 
    for (var i = 1; i < 6; i++) { 
      var img = new Image();
      img.src="max/section"+a+"/"+i+".jpg";
      array[i] = img;
     }
  var canvas = document.getElementById('canvas');
  var context2D = canvas.getContext('2d');
  for (var i = 1; i < array.length; i++) { 
      array[i].onload = function(n){
        context2D.drawImage(array[n],(i-1)*1348,(a-1)*1112,1348,1112);
      }(i);
  }
}

Answer 1

Tiled map js