javascript - 传单从离线 map 中删除旧/错误图 block

Question

我有一个 Leaflet map ，它指向本地计算机上的一些离线图 block 。最初，未找到的图 block 显示为灰色图像:

如果用户随后缩小，则将照常获取当前缩放级别的相应图 block 。但是，当用户重新放大时，旧的“缩小”图 block 仍然存在，因此最终会在当前图 block 的边界之外得到模糊的图像:

是否有某种方法可以删除这些图 block ，或者只是不加载本来没有数据的图 block ？

这是我目前拥有的:

L.tileLayer("offline_map/{z}/{x}/{y}.png",{
  maxZoom: 18,
  minZoom: 3,
}).addTo(map);

L.TileLayer.include({
    _tileOnError: function (done, tile, e) {
      map.removeLayer(tile);
    } 
});

Answer 1

由于您似乎正在缓存一个小的矩形区域，因此您可能想要使用 bounds option L.TileLayer，例如:

L.tileLayer("offline_map/{z}/{x}/{y}.png",{
  maxZoom: 18,
  minZoom: 3,
  bounds: L.latLngBounds([[50,10],[60,15]])
}).addTo(map);

指定这样的bounds选项将避免加载该边界框之外的图 block (而不是尝试然后失败)，并且会改变更改缩放级别时 trim 图 block 的方式。