Leaflet 传单：惰性加载贴图盒平铺

使用传单时，如何懒散地加载地图贴片

---

尤其是在移动设备上，我不想一开始就加载贴图块，因为我的大多数用户从未向下滚动到地图。

好吧，一个非常简单的技巧是创建地图，或者至少添加你的贴图层，仅当地图容器进入视口时才加载

这样，在地图实际可见之前，将不会请求平铺

至于如何知道这种情况何时发生，你应该在网上和这里找到大量的资源。基本上，您可以比较文档滚动和地图容器位置，并收听滚动事件。最近的解决方案使用

L.tileLayer(this.settings.tiles + '/{z}/{x}/{y}.jpg', {...})
    .on('tileloadstart', function(event) {
        event.tile.setAttribute('loading', 'lazy');
    });