Open Hinata 3

断面図(標高プロファイル)ガイド

地図上のルートに沿った標高プロファイルをD3チャートで可視化
直線・フリーハンド・既存ラインの3方式でルート作成

OH3を開いて試す
📈

断面図とは

断面図(標高プロファイル)は、地図上のルートに沿って標高の変化をグラフ化する機能です。国土地理院のDEM(数値標高モデル)APIから標高データを取得し、D3.jsでインタラクティブなチャートを描画します。

距離と標高の関係を直感的に把握でき、登山計画や地形分析、土木工事の事前調査など幅広い用途に活用できます。

主な特徴
  • 3つのルート作成方式 — 直線・フリーハンド・既存ラインを選択
  • D3.jsチャート — マウスホバーで地点の距離・標高を表示
  • 地図連動 — チャート上のホバー位置が地図上にマーカーで表示
  • 最高点・最低点 — チャート上に自動マーカー表示
  • サマリー情報 — 総距離・最高点・最低点・高低差・平均勾配
  • 印刷対応 — アスペクト比切り替え付きの印刷機能
🖱️
Section 2

基本の使い方

断面図パネルを開く 左パネルの断面図アイコンをクリックして、断面図パネルを開きます。
ルート作成方式を選択 直線・フリーハンド・選択ラインの3方式からルートの作成方式を選択します。
地図上にルートを描く 選択した方式で地図上にルートを描画します。直線なら2点をクリック、フリーハンドならドラッグで描きます。
断面図が自動表示 ルート描画が完了すると、国土地理院DEMから標高データが取得され、断面図チャートが自動的に表示されます。
✏️
Section 3

3つのルート作成方式

用途に応じて3つの方式からルートの作成方法を選べます。

方式操作用途
直線始点と終点の2点をクリック2地点間の直線的な標高変化を確認したいとき
フリーハンドマウスドラッグで自由に描画道路や登山道に沿った断面図を作成したいとき
選択ライン既存のドローラインを選択事前に描画済みのラインの断面図を確認したいとき
選択ラインについて

選択ライン方式では、OH3のドロー機能で作成済みのラインを断面図のルートとして利用できます。複雑なルートを正確にトレースしたい場合に便利です。

フリーハンドのコツ

フリーハンドで描くときは、ゆっくりとドラッグすると滑らかなルートが描けます。地図を十分にズームインしてから描画すると、より正確なルートになります。

📊
Section 4

チャートの見方と操作

断面図はD3.jsによるインタラクティブなチャートとして表示されます。

軸の読み方

内容単位
横軸ルートの始点からの距離m / km
縦軸標高m

インタラクティブ操作

サマリー情報

チャートの下部には、ルートの概要情報がまとめて表示されます。

項目内容
総距離ルートの全長(m / km)
最高点ルート上の最大標高(m)
最低点ルート上の最小標高(m)
高低差最高点と最低点の差(m)
平均勾配ルート全体の平均的な傾斜(%)
地図との連動

チャート上でマウスを動かすと、対応する地点が地図上にリアルタイムで表示されます。断面図のどの部分が地図上のどこに当たるかを直感的に確認できます。

🔧
Section 5

分割数の調整

ルートを何等分してサンプリングするかをスライダーで調整できます。分割数は10〜500の範囲で設定可能です。

分割数の目安

分割数精度用途
10〜30概要把握大まかな地形の傾向を素早く確認
50〜100通常利用一般的な断面図作成に十分な精度
200〜500精密分析短距離ルートの詳細な地形分析
分割数の選び方

通常は50〜100で十分な精度が得られます。短距離の精密分析では200〜500に設定してください。分割数を増やすと国土地理院APIへのリクエスト数が増加するため、必要以上に大きな値にする必要はありません。

API負荷について

分割数が多いほど国土地理院のDEM APIへのリクエスト数が増加します。高い分割数での連続的な操作は控え、必要な精度に応じた適切な値を設定してください。

🖨️
Section 6

印刷とアスペクト比

作成した断面図チャートを印刷できます。用途に応じてアスペクト比を切り替えることで、見やすいレイアウトで出力できます。

アスペクト比の切り替え

印刷の手順
  • 断面図チャートが表示された状態で印刷ボタンをクリック
  • 必要に応じてアスペクト比を切り替え
  • 印刷プレビューで確認後、印刷を実行
報告書への活用

印刷した断面図は、登山計画書や現場調査報告書の添付資料として活用できます。サマリー情報(総距離・高低差など)も一緒に印刷されるため、別途データをまとめる手間が省けます。

🏔️
Section 8

3D断面図

断面図のルートに沿った地形をThree.jsで3Dモデル化して表示する機能です。フリーハンドまたは直線でルートを描くと、断面図チャートとともに3D断面図が自動的に表示されます。

3D断面図の特徴
  • 航空写真テクスチャ — ルート沿いの地形に航空写真を自動マッピング
  • マーカー表示 — ルートの始点・終点・最高点・最低点にマーカーを配置
  • D3チャート連動 — チャート上のホバー位置が3Dモデル上にもリアルタイム表示
  • 強調倍率 — スライダーで地形の高低差を誇張表示(0.5〜10倍)
  • STLエクスポート — 3Dモデルを STL 形式でダウンロード(3Dプリンタ対応)

3D断面図の操作

操作動作
ドラッグ3Dモデルを回転
スクロールズームイン/アウト
Shift+ドラッグ or 右ドラッグパン(平行移動)
リセットボタンカメラ位置を初期状態に戻す

URLで3D断面図を共有

3D断面図の画面にあるURLボタンを押すと、現在のカメラアングル・強調倍率を含んだURLがクリップボードにコピーされます。このURLを開くと、同じ視点で3D断面図が再現されます。

STLファイルの活用

STLエクスポートで出力したファイルは、3Dプリンタでの地形模型の作成や、3Dモデリングソフトでの編集に利用できます。プレゼンテーションや教育用途に活用できます。

💡

活用事例

⛰️ 登山・トレッキング計画

🏗️ 土木工事の縦断面確認

🌊 河川沿いの地形把握

🏫 教育での地形学習

断面図を作成してみましょう

左パネル → 断面図アイコン

OH3を開く