javascript - 提供 map 瓦片包供离线使用

Question

我正在制作一个必须离线工作的网络应用程序。到目前为止一切正常，我的最后一步是使 map 图 block 离线。幸运的是，我确切地知道用户需要访问 map 的哪些区域，因此我不必允许缓存数百万个图 block 。

map 被分成多个区域，因此我们的想法是将这些区域的图 block 作为可下载的“包”提供。

例如，当我在线时，我会转到“磁贴包”页面，该页面提供多个区域的下载。我选择我感兴趣的区域，它会下载磁贴，当我离线时，我可以使用这些磁贴。我只需要大约 2 个缩放级别，一个远的用于快速导航，另一个近的用于更多细节。

我正在使用传单来提供 map 。有没有人必须做这样的事情并且可以给我一些指导？我真的不知道如何解决这个问题，这是拼图的最后一 block 。

Answer 1

遗憾的是您没有指出确切的问题是什么或您在哪一步失败了。所以我会尽量给出一个笼统的答案:

Leaflet 使用 不同提供商 的 Tiles 来使用 JS 制作滑动 map 。可以通过 Tile Map Service (TMS) 提供 map 图 block (又名光栅图像)。或略有不同的方法(对于 OSM，编号为 here described )。
因此，您可以创建您想要获取的图像列表，并可以通过重新考虑法律和技术条款来传输它们。对于 OSM，例如:

• http://wiki.openstreetmap.org/wiki/Legal_FAQ
• https://wiki.openstreetmap.org/wiki/Tile_usage_policy

所以你需要创建一个服务器/客户端脚本，它能够进行这样的批量传输(也许是打包的存档文件？)并要求将它放在某个地方供你的用户使用.我在 Leaflet 方面经验不足，无法告诉您如何提供它们，除了您可以将它们添加到浏览器缓存本身，或者使用本地服务器将它们作为本地主机提供。

无论如何，如果您有更多问题，请尽管提问。