javascript - leaflet js中Z代表什么

标签 javascript leaflet

我是传单 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,并告诉我为什么我们需要以这种方式访问​​任何图像。如果可能的话,举例讨论。谢谢

最佳答案

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

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

关于javascript - leaflet js中Z代表什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36172731/

相关文章:

unit-testing - 如何对 Leaflet JS map 进行单元测试?

Javascript - 关于如何获取用户 ID 的 Firebase 函数

javascript - gruntfile.js - grunt.registerTask

javascript - JSON 数组到 Mustache

css - 为什么我的文字没有覆盖在传单 map 上?

jquery-ui - 按年份分组的传单 slider

javascript - 我的 window.open 打开一个新窗口而不是新选项卡

javascript - 创建具有唯一键的关联数组

传单绘制编辑控件自定义文本

r - 多边形 shapefile 不在传单 R 中呈现