javascript - leaflet js中Z代表什么

Question

我是传单 js 的新手。因此，阅读许多基础文章并写下来以理解传单 js。查看代码并告诉我 z 的用途是什么？

L.tileLayer('**http://localhost/tileserver/tile.aspx?z={z}&x={x}&y={y}**', {
    minZoom: 7, maxZoom: 16,
    attribution: 'My Tile Server'
}).addTo(map);

我知道z在这里意味着缩放，但是缩放在传单js中会做什么？我见过一个文件夹被视为 z。

任何人都可以指导我了解 z、x 和 y，并告诉我为什么我们需要以这种方式访问​​任何图像。如果可能的话，举例讨论。谢谢

Answer 1

缩放级别 0 以 256*256 像素显示整个地球。下一级(z1)需要512*512像素来显示整个地球(4个256*256像素的正方形)。每个新的缩放级别意味着显示一个区域所需的图 block 数量的 4 倍。

可以在此处找到更详细的文章“网络 map 如何工作”:https://www.mapbox.com/help/how-web-maps-work/