Javascript 如何在传单api加载平铺图像时显示忙图标

我想知道在传单api中是否存在任何方式，当它加载瓷砖时，我可以启动该api，当瓷砖加载完成时，将调用另一个函数

我正在阅读api传单，并在这个url中找到了它

存在两个事件，称为加载和加载，可以解决我的问题。 基本上我想显示繁忙的图标时，地图api将加载瓷砖，我想隐藏繁忙的图标时，加载将完成

但是我找不到任何示例代码，比如如何使用我的MapAPI附加这些名为

加载和加载

的事件。因此，如果有人告诉我如何使用map api附加这两个函数

加载和加载

，将会很有帮助。如果可能，请在答案中附加一个JSFIDLE链接。谢谢

下面是我从@sigon获得的代码。所以感谢@sigon

html，body，#map{
宽度：100%；
身高：100%；
填充：0；
保证金：0；
}
var-map=newl.map（'map'）.setView（[55,0]，3）；
var basemap=newl.TileLayer（'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
属性：“©；参与者”，
最大缩放：19
});
addLayer（basemap）；
basemap.on（'loading'，函数（事件）{
log（'start loading tiles'）；
});
basemap.on（'load'，函数（事件）{
console.log（“加载的所有磁贴”）；
});
basemap.on（'tileloadstart'，函数（事件）{
console.log（'start loading 1 tile'）；
});

您可以使用以下功能：

var basemap = new 
  L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
});

basemap.on('loading', function (event) {
  console.log('start loading tiles');
});
basemap.on('load', function (event) {
  console.log('all tiles loaded');
});

编辑：

---

我创建了一个

有一个插件已经为这个目的构建了-谢谢，我用你从JSFIDLE获得的代码更新了我的帖子。谢谢

var basemap = new 
  L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
});

basemap.on('loading', function (event) {
  console.log('start loading tiles');
});
basemap.on('load', function (event) {
  console.log('all tiles loaded');
});