Open Hinata 3

フリーハンドスケッチ ガイド

地図上にペンで自由に描画
形状自動補正とGeoJSON保存で現地調査を支援

OH3を開いて試す
✏️

フリーハンドスケッチとは

フリーハンドスケッチは、OH3の地図上に直接ペンで描画できるツールです。Fabric.jsのPencilBrushエンジンを使用し、滑らかな手書き線を地図上に重ねて描くことができます。

描いた線はGeoJSON LineStringとして地図に保存されます。ドロー機能と完全に統合されており、Undo/Redo、クラウド保存、ローカルストレージ保存にすべて対応しています。

主な特徴
  • 自由描画 — Fabric.js PencilBrushで地図上に滑らかにスケッチ
  • GeoJSON保存 — 描いた線はGeoJSON LineStringとして地図に確定
  • 形状自動補正 — 円・四角形・三角形・直線を自動検出して補正
  • 豊富なペン — 黒・赤・青・緑の4色 + 蛍光ペン2色
  • ドロー統合 — Undo/Redo、サーバー保存、ローカル保存に対応
  • フリーメモ連携 — 手書きメモポイントとスケッチを組み合わせ可能
🖱️
Section 2

基本の使い方

「スケッチ」を起動する 右側ボタン群から「スケッチ」ボタンをクリックします。スケッチツールバーが表示され、地図上にFabric.jsキャンバスが重なります。
ペンを選んで地図上に描画する ツールバーからペンの色と太さを選択し、地図上をなぞって自由に描画します。デフォルトは赤ペン（細2px）です。
形状自動補正を確認する 描画が完了すると、形状自動補正ダイアログが表示されます。「補正」で自動補正された形状を採用、「そのまま」で手描きのまま確定します。
描画がGeoJSON LineStringとして確定 確定した描画はGeoJSON LineStringとして地図レイヤーに追加されます。ドロー機能のUndo/Redoやサーバー保存の対象になります。
描画中の地図操作

スケッチモード中は地図のパン・ズームが無効になります。地図を操作したい場合は、ツールバーの「移動モード」ボタンに切り替えてください。

🖊️
Section 3

ペンツール

フリーハンドスケッチでは4色のペンと2色の蛍光ペンを使い分けることができます。

ペン太さ色備考
黒ペン（細）2px 黒境界線や細かい注記に
黒ペン（太）6px 黒目立たせたい線に
赤ペン（細）2px 赤デフォルト。強調や修正に
赤ペン（太）6px 赤重要な箇所の強調に
青ペン（細）2px 青水路や計画線に
青ペン（太）6px 青ルートや経路の描画に
緑ペン（細）2px 緑植生や緑地の描画に
緑ペン（太）6px 緑エリアの囲みに
蛍光ペン（黄）16px 黄（40%透過）広い範囲のハイライトに
蛍光ペン（桃）16px 桃（40%透過）注意箇所のマーキングに
蛍光ペンの特徴

蛍光ペンは40%の透過度で描画されるため、下の地図が透けて見えます。広い範囲のハイライトや注意エリアの表示に適しています。太さは16pxで固定です。

🔄
Section 4

形状自動補正

手描きの線を円・四角形・三角形・直線に自動変換する機能です。描画完了後にダイアログが表示され、補正するかどうかを選択できます。

検出形状判定方法補正内容
円半径の標準偏差が35%以下36点で近似した正円に補正
四角形80%以上のポイントが辺に近い4辺の矩形に補正
三角形角の検出 + 70%以上が辺に近い3頂点の三角形に補正
直線垂直距離の平均が8px以下2点の直線に補正。角度スナップ対応

角度スナップ（直線）

直線として検出された場合、描画角度が0度・90度・180度・270度の前後10度以内であれば、水平線または垂直線にスナップされます。これにより、きれいな水平線や垂直線を簡単に描くことができます。

自動補正のON/OFF切り替え

自動補正の設定はツールバーのトグルスイッチで切り替えられます。設定はlocalStorageに保存されるため、次回起動時も同じ設定が維持されます。OFFにすると、描画した線がそのままGeoJSONとして確定されます。

補正がうまくいかない場合

形状が複雑すぎる場合や、描画速度が速すぎる場合は、意図した形状として検出されないことがあります。その場合は「そのまま」を選択して手描きのまま確定し、必要に応じて再描画してください。

🧹
Section 5

消しゴム・操作ツール

スケッチツールバーには描画以外のツールも用意されています。

消しゴム

消しゴムツールは、地図上のスケッチラインやフリーメモポイントをタップして削除するツールです。

移動モード

スケッチモード中に地図のパン・ズーム操作に切り替えるモードです。描画位置を調整したい場合に使用します。移動モードを解除すると、描画モードに戻ります。

全クリア

現在のスケッチライン（GeoJSON LineString）とフリーメモポイントを一括削除します。確認ダイアログが表示されるため、誤操作の心配はありません。

Undo/Redo

描画の取り消し（Undo）とやり直し（Redo）は、OH3のdraw.jsシステムで一元管理されています。スケッチの操作もドロー機能の操作履歴に統合されるため、他の描画操作と合わせて取り消し・やり直しが可能です。

消しゴムのコツ

消しゴムは「なぞって消す」のではなく、削除したいラインやポイントの近くをタップ（クリック）して使います。判定半径内のオブジェクトが削除されます。

📝
Section 6

フリーメモ連携

スケッチツールバーの「フリーメモ」ボタンを使うと、地図上にメモポイントを作成し、手書きメモを残すことができます。

「フリーメモ」ボタンをクリック スケッチツールバーからフリーメモモードに切り替えます。
地図上をクリックしてポイント作成 メモを残したい場所を地図上でクリックすると、GeoJSONポイントが作成されます。
FieldNoteMemoエディタで手書きメモ 自動的にFieldNoteMemoエディタが起動し、タッチやペンで自由にメモを書くことができます。スケッチと同じペン・自動補正設定が共有されます。
スケッチとフリーメモの違い
  • スケッチ — 地図上に直接描画。GeoJSON LineStringとして保存。地図の拡大・縮小に追従
  • フリーメモ — 地図上のポイントに紐づくメモ。画像として保存。固定サイズで表示
💡

活用事例

📏 現場の線引き

✍️ 手書き矢印や注記

📋 フリーメモと組み合わせた現地調査ノート

フリーハンドスケッチを試してみましょう

右側ボタン → スケッチ

OH3を開く