OpenLayers3 如何将瓦片写入本地存储

OpenLayers3 how to write tile to local storage

我正在用 Openlayers 3 做一个应用程序项目。有几个页面都使用地图。所以我想在用户操作某些地图时将瓦片写入本地存储。当用户操作下一页的地图时,我想先搜索本地存储找到缓存的瓦片,如果没有,就从网上获取瓦片。

如果您的图块数量较少,您可以使用 HTML5 appcache:

只需在您的 html 文件中添加引用:

<html manifest="example.appcache">
  ...
</html>

其中 example.appcache 将包含要缓存的文件:

CACHE MANIFEST
/theme.css
/logo.gif
/main.js 

请注意,浏览器对缓存数据的大小限制可能不同(某些浏览器对每个站点有 5MB 的限制)。

虽然应用程序缓存被认为已弃用,但它的替代品 service workers, are not widely supported 目前。