Openlayers实战,Openlayers使用浏览器内置IndexDB数据库缓存地图瓦片,优化地图瓦片加载速度和浏览器内存占用

专栏目录:
OpenLayers入门教程汇总目录

前言

在入门教程中,我们已经详细介绍了如何对地图瓦片进行缓存,请参考《Openlayers优化加载地图瓦片太慢的问题,Openlayers瓦片缓存实现和请求失败瓦片重试功能》,缺点是占用内存过多,那么如何再次优化呢,本章就通过使用浏览器IndexDB数据库来缓存地图瓦片,不仅同时优化了瓦片加载速度,从而在之前基础上优化占用内存过多的问题。

为什么不使用LocalStorage?
因为LocalStorage有存储限制,最大5M,而地图瓦片很多,LocalStorage是远远不够的。
只有IndexDB和WEBSQL才能满足地图瓦片几百兆甚至几个G的缓存需要。

openlayers

二、依赖和使用

"ol": "^6.15.1"

你可能感兴趣的:(OpenLayers实战进阶,javascript,vue.js,OpenLayers,瓦片缓存,数据库缓存瓦片)