2016-10-18 23 views
0

leaflet.jsカスタムマップの左下隅から左上隅までのxy軸の開始点を変更するにはどうすればいいですか?デフォルトでは、左下隅にあります..leaflet.jsカスタムマップ内のxy座標の開始位置を変更する

+0

左上隅に配置されている "原点画素"(リーフレットのドキュメントを参照](http://leafletjs.com/reference-1.0.0.html#map-getpixelorigin))。他の方法(例えば、「layerPointToLatLng(点)」および 「latLngToLayerPoint( latlng)」)は、その起点画素に関して評価される。あなたは何をしようとしているのですか? – user2441511

+0

Leaflet.jsの原点はカスタムマップ(http://leafletjs.com/examples/crs-simple/crs-simple.html)のBottom-Leftで始まり、画像の左上隅から原点を始める必要があります。あなたの助けをありがとう –

+0

さて、以下の編集された答えを見てください。 – user2441511

答えて

0

L.Mapの準備ができたら(中心緯度経度とズームレベルを有している)、上部の絶対ピクセル座標:here in the Leaflet tutorialsに説明されるような標準的なマップの

は、左上隅を原点であります左隅が「画素原点」になる enter image description here


編集: OPが指摘したように、 L.CRS.Simple has the origin in the bottom left corner

経度と緯度をxとyに直接マッピングする単純なCRSです。平面の地図(ゲームマップなど)に使用できます。 y軸は依然として反転している必要があります(下から上へ)。実装CRS-単純example2.htmlのスクリーンショットは(the official tutorial examplesから)です。ここ

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 
} 

は、変換を変更するleaflet-src.js文書(または縮小さバージョン)を編集し、この動作を変更するには古い(左の)座標変換と新しい(右の)座標変換があります。

enter image description here

関連する問題