我有一张带有两套我自己的瓷砖的传单地图(这是一个露营地地图)。这些瓷砖只限于营地的边界,所以我没有太多瓷砖。我已经构建了一个渐进式web应用程序(使用Workbox进行缓存),并开始考虑以下情况:
有大量对不存在的磁贴的请求,其中TileLayer
知道通过errorTileUrl
提供默认磁贴,这意味着即使在脱机时也有相当多的404请求(因为磁贴不会在缓存中)。然而,这对我来说似乎有点傻,因为我知道哪些磁贴应该提前出现,所以我应该能够防止地图外的404s (在启动时查看大约20个失败的请求)。
我确实需要能够显示(空白)地图外的磁贴,因为我不能保证设备上全屏地图的方向/几何形状。
我的主要问题是:这值得担心吗?这个应用程序就像现在一样工作;只是想让它的网络效率更高一点。
如果是这样,我考虑过的一个选择是创建一个新的workbox.router
路由来处理检索tiles的调用,如果它不在列表中,只需快速返回404,否则转到缓存/网络。或者是我在Leaflet (或插件)中遗漏了什么东西来处理这个问题?
感谢你的想法和想法。
发布于 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
复制相似问题