0
leaflet.jsカスタムマップの左下隅から左上隅までのxy軸の開始点を変更するにはどうすればいいですか?デフォルトでは、左下隅にあります..leaflet.jsカスタムマップ内のxy座標の開始位置を変更する
leaflet.jsカスタムマップの左下隅から左上隅までのxy軸の開始点を変更するにはどうすればいいですか?デフォルトでは、左下隅にあります..leaflet.jsカスタムマップ内のxy座標の開始位置を変更する
L.Mapの準備ができたら(中心緯度経度とズームレベルを有している)、上部の絶対ピクセル座標:here in the Leaflet tutorialsに説明されるような標準的なマップの
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
文書(または縮小さバージョン)を編集し、この動作を変更するには古い(左の)座標変換と新しい(右の)座標変換があります。
左上隅に配置されている "原点画素"(リーフレットのドキュメントを参照](http://leafletjs.com/reference-1.0.0.html#map-getpixelorigin))。他の方法(例えば、「layerPointToLatLng(点)」および 「latLngToLayerPoint( latlng)」)は、その起点画素に関して評価される。あなたは何をしようとしているのですか? –
user2441511
Leaflet.jsの原点はカスタムマップ(http://leafletjs.com/examples/crs-simple/crs-simple.html)のBottom-Leftで始まり、画像の左上隅から原点を始める必要があります。あなたの助けをありがとう –
さて、以下の編集された答えを見てください。 – user2441511