地形の立体表示・陰影効果・標高強調で
地図を3Dで可視化
OH3の3D表示は、産総研（AIST）の標高タイルを使って地形を立体的に表現する機能です。MapLibre GL JSのTerrain機能を活用し、ブラウザ上でリアルタイムに3D地形を描画します。
3D表示ではピッチ（傾き）とベアリング（回転）を操作して、任意の角度から地形を眺めることができます。
3Dオフに切り替えると、ピッチが0°（真上から見下ろす視点）に戻り、通常の2D地図表示に戻ります。
3Dモード時に表示されるコントローラーで、ピッチ（傾き）とベアリング（回転）を操作できます。
| ボタン | 操作 | 説明 |
|---|---|---|
| ↑ | ピッチ上げ | 視点を起こす（0°に近づく） |
| ↓ | ピッチ下げ | 視点を倒す（85°に近づく） |
| ← | 左回転 | 地図を反時計回りに回転 |
| → | 右回転 | 地図を時計回りに回転 |
| リセット | 初期化 | pitch=0°, bearing=0°に戻す |
標高強調は、地形の起伏を誇張して表示する機能です。平坦な地形でも微地形を把握しやすくなります。
基本設定 → 操作タブ → 標高強調スライダーから調整します。
| 項目 | 範囲 | 説明 |
|---|---|---|
| 標高強調 | 1.0倍 〜 10.0倍 | 地形の起伏の誇張度（0.1刻み） |
標高強調は3D（地形あり）モード時のみ有効です。3Dオフや3D（地形なし）では効果がありません。
陰影設定（HillshadePanel）では、地形に光と影の効果を与えて立体感を強調します。4つのプリセットと細かなカスタマイズが可能です。
| プリセット | 特徴 | 用途 |
|---|---|---|
| Soft | 柔らかい影、穏やかな陰影 | 一般的な地図閲覧、地形概観 |
| Crisp | くっきりした影、明瞭な輪郭 | 地形の詳細把握、尾根・谷の識別 |
| Sunset | 夕方の暖色系の光 | プレゼンテーション、景観表示 |
| Night | 暗い色調、夜間の表現 | 特殊な表現、暗い背景の地図 |
| 方式 | 説明 |
|---|---|
| Multidirectional（多方向） | 複数の方向から光を当てた陰影。影の偏りが少なく、全体的に均一な立体感 |
| Combined（統合） | 多方向と単方向を組み合わせた陰影。光源方向の立体感と全体の均一性を両立 |
| 項目 | 範囲 | 説明 |
|---|---|---|
| 強調スライダー | 0.0 〜 1.0 | 陰影効果の強さ。0で陰影なし、1で最大 |
| 光源の方位 | 0° 〜 360° | 光が差す方向（北=0°、東=90°、南=180°、西=270°） |
| 光源の高度 | 0° 〜 90° | 光源の仰角。低いほど影が長く、高いほど影が短い |
| ハイライト色 | カラーピッカー | 光が当たる部分の色 |
| シャドウ色 | カラーピッカー | 影になる部分の色 |
まずプリセットを選択してから、強調度や光源の方位を微調整するのがおすすめです。プリセットは各パラメータの初期値を一括設定するため、効率よくカスタマイズできます。
3D表示の状態はURLパラメータに保存されるため、現在の3D表示をそのままURLで共有できます。
| パラメータ | 値 | 説明 |
|---|---|---|
terrain | 0 / 1 | 3D（地形あり）の有効/無効 |
terrainLevel | 1.0〜10.0 | 標高強調の倍率 |
pitch01 | 0〜85 | ピッチ角度 |
bearing | 0〜360 | ベアリング角度 |
?terrain=1&terrainLevel=1.5&pitch01=60&bearing=0
地形あり3D、標高強調1.5倍、ピッチ60°、北向き
ブラウザのアドレスバーのURLをそのままコピーするだけで、位置・ズーム・3D状態が含まれたURLを共有できます。受け取った側も同じ3D視点で地図が表示されます。
陰影設定をキーボードから素早く操作できるショートカットキーが用意されています。
| キー | 操作 |
|---|---|
| Alt + H | 陰影方式を切り替え（Multidirectional / Combined） |
| Alt + J | 陰影強調を -5% |
| Alt + K | 陰影強調を +5% |
| Alt + ← | 光源の方位を -5° |
| Alt + → | 光源の方位を +5° |
キーボードショートカットを使うと、3D地図を眺めながらリアルタイムに陰影の調整ができます。特に光源の方位を少しずつ変えて最適な角度を探すときに便利です。
3Dジオラマは、地図上でフリーハンドで囲んだ範囲をThree.jsでジオラマ風の3Dモデルとして表示する機能です。航空写真のテクスチャが自動的にマッピングされ、建物の3D表示やミニチュア効果も適用できます。
| 操作 | 動作 |
|---|---|
| ドラッグ | 3Dモデルを回転 |
| スクロール | ズームイン/アウト |
| Shift+ドラッグ or 右ドラッグ | パン（平行移動） |
| リセットボタン | カメラ位置を初期状態に戻す |
2Dの海面上昇シミュレーションレイヤーをONにした状態でジオラマを起動すると、ジオラマ内に海面スライダーが表示されます。
3Dジオラマの画面にあるURLボタンを押すと、現在のカメラアングル・強調倍率・ミニチュア状態を含んだURLがクリップボードにコピーされます。このURLを開くと、同じ視点で3Dジオラマが再現されます。
山岳地形を囲んでミニチュア効果をONにすると、精巧なジオラマ模型のような表示になります。STLエクスポートと組み合わせれば、3Dプリンタで実際の地形模型を作成できます。
断面図のルートに沿った地形をThree.jsで3Dモデル化して表示する機能です。断面図パネルからルートを描くと、D3チャートとともに3D断面図が自動的に表示されます。
操作方法やURL共有は3Dジオラマと同じです。詳しくは断面図ガイドの3D断面図セクションをご覧ください。
3D（地形あり）で山岳地帯を表示し、標高強調を1.5〜2.0倍に設定。陰影をCrispプリセットにすると、尾根・谷・斜面の構造が明瞭に把握できます。登山計画やルート確認に活用できます。
急傾斜地や土石流の危険区域を3D表示で確認。標高強調を高めに設定することで、地形の傾斜や谷筋を直感的に把握でき、土砂災害リスクの評価に役立ちます。
Sunsetプリセットで印象的な3D地図を作成し、URLで共有。クライアントや関係者に対して、開発予定地の地形をわかりやすく説明できます。
現場の地形を事前に3Dで確認。標高強調で微地形を把握し、測量計画の立案や現場の下見に活用できます。陰影設定で地形の起伏を強調すると、等高線では読み取りにくい地形の特徴が見えてきます。