Function getLatLngFromClientCoord

画面座標 ↔ 緯度経度の相互変換と相対位置算出を行う — 詳細な使用例

地図の画面座標（ピクセル）と地理座標（緯度経度）を相互変換します。 クリック位置の緯度経度取得、マーカー位置の画面座標取得、 方向・距離から座標を算出するナビ系処理に使います。

メソッド	用途
getLatLngFromClientCoord(pt)	画面座標 → 緯度経度（推奨）
getClientCoordFromLatLng(ll)	緯度経度 → 画面座標
getLatLngFromRelativeLocation(ll, dir, dist)	方向・距離から緯度経度を算出
getLatLngFromPixel(pt)

Deprecated

getLatLngFromClientCoord を使用 |

Warning

• getLatLngFromClientCoord は算出できない場合 undefined を返します。必ず null チェックしてください。
• getLatLngFromRelativeLocation の direction は ラジアン、東を0として反時計回りが正です。

Example: クリック位置の緯度経度を取得する

import * as GIA from '@ntj/gaia';

map.addEventListener('click', (ev) => {
  const latlng = map.getLatLngFromClientCoord(ev.point);
  if (latlng) {
    console.log('クリック座標:', latlng.lat, latlng.lng);
  }
});
Copy

Example: マーカーの画面座標を取得してツールチップを表示する

import * as GIA from '@ntj/gaia';

const pt = map.getClientCoordFromLatLng(marker.latlng);
tooltip.style.left = `${pt.x}px`;
tooltip.style.top  = `${pt.y}px`;
Copy

Example: 現在地から北東方向 500m の座標を算出する

import * as GIA from '@ntj/gaia';

// 北東 = Math.PI / 4 (ラジアン)
const dest = map.getLatLngFromRelativeLocation(currentLatLng, Math.PI / 4, 500);
Copy

See

• getLatLngFromClientCoord
• getClientCoordFromLatLng
• getLatLngFromRelativeLocation