在leaflet.js自定义地图中更改x-y坐标起始位置

Question

如何在leaflet.js自定义地图中从左下角到左上角更改x-y轴起点？默认情况下，它位于左下角..

Answer 1

对于标准地图，左上角是原点，如here in the Leaflet tutorials所述：

  

当L.Map准备就绪（具有中心LatLng和缩放级别）时，左上角的绝对像素坐标变为“像素原点”   

<小时/> 编辑：正如OP指出的那样，L.CRS.Simple has the origin in the bottom left corner。

  

一个简单的CRS，可以将经度和纬度直接映射到x和y。可用于平面地图（例如游戏地图）。请注意，y轴仍应倒置（从下到上）。

要更改此行为，请修改leaflet-src.js文档（或缩小版本）以更改转换：

L.CRS.Simple = L.extend({}, L.CRS, {
  projection: L.Projection.LonLat,
  transformation: new L.Transformation(1, 0, 1, 0), // this line is changed!!
  ... // more leaflet variables
}

以下是使用旧（左）和新（右）坐标转换实现的crs-simple-example2.html（来自the official tutorial examples）的屏幕截图。