Function getClientSize

  • getClientSize(): void

  • 地図要素の表示サイズを取得・変更する — 詳細な使用例

    地図コンテナのサイズをプログラムから取得・変更します。 レスポンシブレイアウト対応やパネルの展開/折りたたみ時に使います。

    メソッド 用途
    getClientSize() 現在の地図サイズ（Size）を取得
    setClientSize(size) 地図要素のサイズをピクセル単位で変更

    Returns void

    Warning

    • setClientSize はCSSサイズとは独立して内部の描画バッファに影響します。通常はCSSで制御し、このメソッドは特殊なケースにのみ使用してください。
    • サイズ変更後に表示ズレが生じた場合は setCenter で中心座標を再設定してください。

    Example: サイドパネル展開時に地図幅を変更する

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

    panel.addEventListener('toggle', () => {
      const panelWidth = panel.open ? 320 : 0;
      const mapWidth = window.innerWidth - panelWidth;
      map.setClientSize(new GIA.value.Size(mapWidth, window.innerHeight));
    });

    See

Settings

Member Visibility

Theme