如何通过缓存制作离线地图(使用传单OSM)？

Question

我试图通过浏览器中的缓存(IndexedDB)制作离线地图.我理解这个概念是我在连接到互联网时首先下载并存储地图的图块.

然后我必须在逻辑上离线加载磁贴.

但是,我无法弄明白.

如何存储它们以及如何在逻辑上再次加载它们？我被困在这里 我正在使用 leaflet APIfor maps.如何实施？

Answer 1

请参阅我对此的广泛研究:

存储脱机Web应用程序的映像数据(客户端存储数据库)

在:

https://gis.stackexchange.com/questions/44813/database-for-offline-slippy-map-tiles

你想要做的事情的关键是一个功能平铺层来从数据库中获取东西:

https://github.com/ismyrnow/Leaflet.functionaltilelayer

顺便说一句,我现在正在测试PouchDB,这比原始的IndexeDB要干净得多.

关注我的结果:

https://groups.google.com/forum/?fromgroups#!topic/pouchdb/RG6wUsAi2R0

Answer 2

我有缓存示例实现http://tbicr.github.com/OfflineMap/leaflet/index.html和代码https://github.com/tbicr/OfflineMap/tree/master/leaflet_idb_sql_site.

对于使用IndexedDB和WebSQL的存储.存储性能低,未经测试.