如何在leaflet.js的文件系统中存储图像切片

Question

我有一个链接试图解释如何在文件系统中存储图像切片但对我来说不是很清楚。这是网址 http://build-failed.blogspot.in/2012/11/zoomable-image-with-leaflet.html

只需看到此图片

刚刚看到很多子文件夹已根据图片创建，但不明白他们试图用箭头图片指出什么？

这个eso / «z» / «x» / «y».jpg与图片文件夹结构有什么关系？ 1）为什么零文件夹被视为z？ 2）为什么称为one的父文件夹中的零和一个子文件夹被视为x？ 1）为什么将0.png和1.png图像视为y？

由于缺乏解释，上述三件事情并不清楚。那里的关系是什么？

如果某人已经知道或了解了，那么请与我分享知识。感谢

Answer 1

好的，我会试着解释一下。

首先z =缩放级别，x =经度，y =纬度

经度和纬度不是从地图投影中获取的实际值，而是网格索引。

存储瓷砖的方式如下：

1. 第一个父文件夹：z（缩放级别）
2. 子文件夹：此缩放级别的所有x
3. 图像名称：此x位置和此缩放级别的所有y

如果要存储以下磁贴：/0/0/0.png

• 文件夹：0
• 子文件夹：0
• 0.png

在缩放级别0，习惯上只有整个世界的图块，所以只有子文件夹0（对于x）和图像0.png（对于y）。在每个缩放级别，图像数量呈指数增长。

对于/12/6/7.png

• 文件夹：12
• 子文件夹：6
• 7.png

如果不清楚，请随时询问更多细节。