Leaflet /渐进式Web App - tile 404上的快速周转(可能使用Workbox)？
我有一张带有两套我自己的瓷砖的传单地图(这是一个露营地地图)。这些瓷砖只限于营地的边界，所以我没有太多瓷砖。我已经构建了一个渐进式web应用程序(使用Workbox进行缓存)，并开始考虑以下情况：
有大量对不存在的磁贴的请求，其中TileLayer知道通过errorTileUrl提供默认磁贴，这意味着即使在脱机时也有相当多的404请求(因为磁贴不会在缓存中)。然而，这对我来说似乎有点傻，因为我知道哪些磁贴应该提前出现，所以我应该能够防止地图外的404s (在启动时查看大约20个失败的请求)。
我确实需要能够显示(空白)地图外的磁贴，因为我不能保证设备上全屏地图的方向/几何形状。
我的主要问题是:这值得担心吗？这个应用程序就像现在一样工作；只是想让它的网络效率更高一点。
如果是这样，我考虑过的一个选择是创建一个新的workbox.router路由来处理检索tiles的调用，如果它不在列表中，只需快速返回404，否则转到缓存/网络。或者是我在Leaflet (或插件)中遗漏了什么东西来处理这个问题？
感谢你的想法和想法。
回答 1
Stack Overflow用户
发布于 2018-06-02 11:14:51
您应该能够使用以下选项在矩形区域和缩放范围上指定Leaflet平铺图层的可用平铺：
bounds：如果设置，平铺将仅在平铺源可用的设置的LatLngBounds.minNativeZoom：最小缩放数内加载。如果指定，则将从平铺源可用的auto-scaled.maxNativeZoom：级别和minNativeZoom最大缩放数加载低于minNativeZoom的所有缩放级别上的平铺。如果指定，则将从auto-scaled.
级别和maxNativeZoom加载高于maxNativeZoom的所有缩放级别上的切片
如果可用拼贴未填充矩形区域，则可以提供虚拟拼贴来填充未覆盖的区域。使用服务工作者路由器可以帮助重定向到缓存中的公共虚拟磁贴。
对于外部区域，您可以只使用容器背景。或者，如果你真的想要一个与Tile层类似的效果，可以使用虚拟的，指向一个普通的虚拟的/“没有tile可用”的常量url模板。
https://stackoverflow.com/questions/50650866
复制相似问题