長くLeafletを使っていて、MapLibre GLを使うとズームレベルで戸惑うことがある。
俺の仕事のメモ
長くLeafletを使っていて、MapLibre GLを使うとズームレベルで戸惑うことがある。
Leaflet上でWebGLを用いて点群を描画する手順について記述(点群PNG0.6を考慮)。
地図上に画像を貼り付けるには画像の位置情報を与える必要があり、位置情報を与えるための手段の一つがワールドファイルである。
ウェブ地図に用いるタイルはズームレベル(z)、X座標(x)、Y座標(y)で識別できるが、以下の数式を用いるとすべてのタイルに異なる番号をもたせることができる。
初期表示の画面全体(getBoundsで得られる範囲)の左上を原点として、タイル要素を格納する直上のdiv要素(div.leaflet-tile-container)のtranslate3Dが設定される。各タイルはその座…