2016-06-24 1 views
0

カスタムマップを作成しようとしています。ここでリーフレットコンテナ/レイヤーポイント

は簡単な例では、問題は、コンテナと層のポイントは、私が期待するものではありません任意のズームに同じであることであるhttp://codepen.io/TrySound/pen/LZxZWR

const layerBottomRight = L.point(config.width, config.height); 
const containerBottomRight = map.layerPointToContainerPoint(layerBottomRight); 
console.log('layer bottom right', layerBottomRight.x, layerBottomRight.y); 
console.log('container right bottom', containerBottomRight.x, containerBottomRight.y); 

です。設定で何かが欠けていますか?

+0

これは不明です。さまざまなズームレベルでコンテナ/レイヤ座標をどのようにチェックしていますか? – IvanSanchez

+0

ズームイン設定を変更します。レイヤーとコンテナの座標の変化率と結果は異なるはずです。たぶん私はリーフレットのロジックを理解していないかもしれませんが、これは最初のユーザーの見た目です。 –

+0

コンテナポイントは、マップコンテナの左上隅からのピクセル座標です。レイヤポイントは、内部ペインコンテナの左上隅からのピクセル座標です。ピクセル。マップ単位ではありません。ズームレベルでは変化しません。 – IvanSanchez

答えて

0

コンテナは、常にこのため、同じサイズ(本部サイズ)、変更があります

console.log('container right bottom', map.getSize().x, map.getSize().y); 
+0

私は容器の大きさを知っています。ビューポートの現在の右下がどこにあるかを知る必要があります。しかし、彼らは常に同じです。 –

+0

が@BogdanChadkin私はあなたが緯度と経度のような何かをしたいことを信じて:http://leafletjs.com/reference.html#latlng – HudsonPH

+0

プラスこれをチェック:http://gis.stackexchange.com/questions/69124/leaflet-container-coordinates-対レイヤー座標 – HudsonPH