Question

我正在使用Openlayers 3创建一个应用程序项目。有几个页面都使用map。所以我想在用户操作一些地图时将tile写入本地存储。当用户操作下一页的地图时，我想首先搜索本地存储以查找缓存的图块，如果没有，则从在线获取图块。

Answer 1

如果你的瓷砖数量很少，你可以使用HTML5 appcache：

只需在html文件中添加引用：

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

example.appcache包含要缓存的文件：

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

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

虽然应用程序缓存被视为已弃用，但目前替换service workers为not widely supported。