RSS DEV コミュニティ
フォロー
地図の仕組み、メルカトル図法、タイル、そしてGPSのピン
Google マップのようなインタラクティブマップは、2つの基本的な数学的概念に基づいて構築されています。1つ目は、地球の球状の表面を平坦な画面に投影する方法です。2つ目は、この平坦な投影図を、効率的な読み込みのために、より小さく管理しやすい正方形のタイルのグリッドに分割することです。これらの原則を理解することで、マップアプリケーションの機能が明らかになり、正確な位置計算が可能になります。
中心的な課題は、地球の丸みと平坦なディスプレイを調和させることです。これには、緯度と経度を画面座標に変換する数学的ルールであるマップ投影が必要です。ほとんどのウェブマップは、角度と局所的な形状を維持し、方向が一貫しており、常に北が上になるようにするため、Web Mercator投影を使用しています。しかし、この投影は面積を著しく歪ませ、極地方を不釣り合いに大きく見せます。
メルカトル投影は、経度を直接x軸にマッピングすることで地球を平坦化します。一方、緯度は対数関数を使用して変換され、赤道付近よりも極付近の領域をより大きく引き伸ばします。この対数変換が、メルカトル投影の仕組みの鍵となります。結果として得られる投影された世界は、256x256ピクセルのタイルのクワッドツリー構造に分割されます。
これらのタイルは、ズームレベルに基づいた階層システムで整理されており、各タイルはズームレベルとx、y座標で識別されます。このタイリングスキームにより、マップは世界の必要な部分のみを読み込むことができ、スムーズなスクロールとインタラクションが可能になります。特定の緯度と経度を、それが属する正確なタイルに変換する数式が存在します。
`asinh(tan(lat))` 関数は、タイルグリッドシステムで正規化されたメルカトルy座標を表します。この計算の小数部分を切り捨てることで特定のタイルが特定され、小数部分はタイル内の正確な位置を示します。ユーザーがマップをドラッグすると、アプリケーションは画面に表示されているタイルを計算し、それらをフェッチするだけです。
ユーザーの位置を示す青い点は、このプロセスの直接的な結果です。デバイスのGPSは緯度と経度を提供し、それらは同じメルカトル数学を使用して投影されます。システムは対応するタイルを決定し、画面上の投影された位置にマーカーを配置します。これらの根本的な原則を理解することで、不透明なマップインターフェイスが理解可能なシステムに変わります。
