javascript - 传单在缩放时清除平铺缓存

Question

我遇到传单中的切片缓存问题。如果我从A 点开始，平移到 B 点，然后查看中间的图块；它们被缓存等等。没问题。

但是如果我从 A 平移到 B，放大和缩小，然后平移回 A，瓷砖就会被清除！换句话说，缓存的切片似乎在更改缩放级别时被清除。

这是一种常见的行为，可以防止吗？即我可以强制传单将所有加载的图块保存在内存中吗？我尝试过使用地图和图层的各种选项，但没有成功。该选项unloadInvisibleTiles是false默认的，这意味着图块保存在内存中。

我正在尝试在地图上创建某种导航，您可以在其中平移、缩放、来回移动。因此，我需要将所有加载的图块保存在内存中，以获得流畅的体验。

先感谢您。

Answer 1

我实际上找到了解决这个“问题”的方法。

我最终将源代码修改为 Leaflet（感谢开源），引擎为每一层创建一个传单层容器。而不是一直清除 bgBuffer 和前景。

然后当它缩小时，它将目标层定位在当前活动层的后面。这样做的目的是覆盖当前区域周围的所有灰色区域。因此，创建了实际加载视口“外部”的图块的错觉。

这可能是对我如何制作它的一个狡猾的描述。但这个想法很简单；只保留所有图层，并在缩小时将目标图层放在当前图层后面。