maps - 在 LeafletJS 中使用自定义 map 图像图 block ？

Question

我的瓷砖需要遵守任何特定规范吗？

我有一个大图像文件，我想用 LeafletJS 将其转换为 map 。我将使用 Python 图像库将其分割成我需要的各种图 block 。

但是，我在Leaflet中找不到任何有关使用自定义 map 的信息。我是否以某种方式向 Leaflet 提供 X、Y、Z 信息范围？我是否给它每个图 block 的像素大小？它自己能解决这个问题吗？

将我的问题转化为一个简洁的问题:我需要做什么才能拥有可以使用 LeafletJS 兼作 map 图 block 的图像文件，以及我需要在前端脚本中做什么(如果有的话) ？ (超出了我的自定义 URL 的明显指定)

Answer 1

您正在寻找TileLayer 。在此 TileLayer 中，您可以使用如下模板将要获取的图像的 URL 提供给传单:

http://{s}.somedomain.com/blabla/{z}/{x}/{y}.png

当您处于指定的缩放、x 和 y 级别时，Leaflet 将自动获取您提供的 URL 上的图 block 。

根据您想要显示的图像，大部分工作将在图 block 生成中进行。默认情况下，图 block 的大小为 256x256px(可以在 TileLayer 选项中更改)，如果您使用地理数据，则使用的投影是墨卡托投影。可能需要一些时间才能获得正确的图 block ID。 Here is an example关于图 block id 的工作原理。