リーフレットマップは、私はXを使用して大きな画像をレンダリングするためにリーフレットを使用しようとしているのxy

Question

オフセット、yはそうのような座標：

var map = L.map('map', { 
    crs: L.CRS.Simple, 
    attributionControl: false, 
    reuseTiles:true, 
}).setView([0, 0], 1); 

問題は、私は拡大すると、私はオフセットを得るように見えるということです。だから私は継続的に地図をズームするように見える。

私はそれが私がコードにこの間​​違ったを取得していますことを、かなり可能です+ C＃とGDIを使用してバックエンドで画像を描画しています

：

private void DrawLine(int x, int y, int z, int squareSize, Graphics g, Shape shape, Pen drawPen) 
    { 
     Line line = (Line)shape; 

     var scalingFactor = 0.1; 
     var zoom = (z * (scalingFactor)); 

     double startScaledX = (line.StartPoint.X * zoom) + ((squareSize * -1) * x); 
     double startScaledY = (line.StartPoint.Y * -1 * zoom) + ((squareSize * -1) * y); 
     double endScaledX = (line.EndPoint.X * zoom) + ((squareSize * -1) * x); 
     double endScaledY = (line.EndPoint.Y * -1 * zoom) + ((squareSize * -1) * y); 

     var width = Math.Abs(endScaledX - startScaledX); 
     var height = Math.Abs(endScaledY - startScaledY); 

     var startPoint = new System.Drawing.PointF((float)startScaledX, (float)startScaledY); 
     var endPoint = new System.Drawing.PointF((float)endScaledX, (float)endScaledY); 
     var rectDrawBounds = (new RectangleF((float)startScaledX, (float)startScaledY, (float)width, (float)height)); 
     var rectTileBounds = new RectangleF(0, 0, 256, 256); 

     g.DrawLine(drawPen, startPoint, endPoint); 

    } 

私は0,0 [私はでズームイン、ズームアウトならばということに気づきましたズームが完全に機能します。他のすべてが地図をシフトしているようです。

私はあなたが提供できる任意のヘルプに感謝します。

Answer 1

リーフレットのL.CRS.Simpleでは、地図の縮尺がズームレベルごとに2倍になります。換言すれば、ズームレベル0で

scale = 2**z; 

又は

scale = Math.pow(2,z); 

又は

scale = 1<<z; 

又は

、256ピクセルのタイルは、256のマップ単位をカバーします。 1つの地図単位が1ピクセルを超えています。

ズームレベル1では、256ピクセルのタイルは128のマップ単位をカバーします。 1つの地図単位は2ピクセル以上にわたっています。

ズームレベル2では、256ピクセルのタイルは64のマップ単位をカバーします。 1つの地図単位が4ピクセルを超えています。ズームレベルNで

、256ピクセルのタイルは、2分の256 ^Nマップ単位をカバーします。 1つの地図単位は、2 ⁿピクセル以上にわたっています。

参考のため、https://github.com/Leaflet/Leaflet/blob/master/src/geo/crs/CRS.Simple.js

は、それに応じてz、scalingFactorとzoom計算との関係を修正ご覧ください。