Leaflet自定义瓦片Y轴反转：是否有正规简洁的内置解决方案？

好问题！这个坐标反转的坑确实困扰过不少Leaflet用户，尤其是用非实景影像的自定义瓦片服务时。好在现在Leaflet（v1.0+，包括最新的v1.9.x）已经有正规且简洁的内置方案，不需要重写核心内部对象，只需要基于L.CRS.Simple扩展一个自定义CRS即可。

核心思路：调整CRS的坐标转换规则 #

L.CRS.Simple默认的坐标转换（transformation）会把地理坐标系的Y轴反转，以此适配多数实景瓦片服务的Y轴规则。我们只需要修改这个转换规则，让Y轴保持正向映射：

// 创建自定义CRS，保持Y轴正向
const CRS_SIMPLE_Y_POSITIVE = L.extend({}, L.CRS.Simple, {
  transformation: new L.Transformation(1, 0, 1, 0)
});

使用方式 #

初始化地图时，把crs参数设置为我们自定义的CRS即可：

const map = L.map('your-map-container-id', {
  crs: CRS_SIMPLE_Y_POSITIVE,
  center: [0, 0], // 根据你的瓦片坐标系调整
  zoom: 0,
  // 其他地图配置
});

// 添加自定义瓦片图层
L.tileLayer('http://your-tile-server/{z}/{x}/{y}.png', {
  tileSize: 256,
  // 其他图层配置
}).addTo(map);

为什么这个方案可行？ #

• L.Transformation是Leaflet提供的官方坐标转换工具，四个参数分别对应：X轴缩放、X轴平移、Y轴缩放、Y轴平移。
• 默认L.CRS.Simple的transformation是new L.Transformation(1, 0, -1, 0)，其中-1就是Y轴反转的关键。我们把它改成1，就实现了Y轴的正向映射，让Leaflet请求的瓦片Y坐标和数学坐标系一致（右上角首张影像会是1x1而非1x-1）。
• 这种方式完全遵循Leaflet的API设计，属于正规扩展，不会破坏内部逻辑，也不需要hack私有属性。

额外调整（如果需要） #

如果你的瓦片服务原点不在左上角，可以通过修改transformation的平移参数（第二和第四个值）来适配。比如原点在左下角时，可能需要结合缩放级别计算平移量，但多数数学坐标系的瓦片原点是左上角，所以前面的基础方案应该足够覆盖你的需求。

内容的提问来源于stack exchange，提问作者Alexey