操作説明
GIS現場情報管理システムの概要と各画面の操作方法
システム概要
GIS現場情報管理システムは、GISで作成したGeoJSONデータをWeb上で閲覧・共有し、 現場からの簡易報告も可能にする地理情報管理アプリケーションです。
データ作成
GISで地図上に正確なデータを作成・編集し、GeoJSON形式でエクスポート
閲覧・共有
Webブラウザで地図表示。レイヤ切替・ポップアップで現場情報を確認
簡易報告
現場からスマホ等で位置と状況を速報登録。正式データはGISで整備
画面説明
ダッシュボード
全レイヤを重ねた地図を表示するメイン画面
凡例パネル右上のチェックボックスでレイヤの表示/非表示を切替
階層制御親でグループ単位、子でサブレイヤ単位の表示制御
一括操作「全表示」「全非表示」ボタンでまとめて切替
ポップアップ地図上のマーカー等をクリックで詳細情報を表示
点検・パトロール記録
点検ポイントの一覧と地図を左右に並べて表示
フィルタすべて / 正常 / 注意 / 危険 で一覧を絞り込み
ポイント登録「+ 新規記録」→「点検記録」タブ。地図クリックで位置指定
ルート登録「+ 新規記録」→「パトロールルート」タブ。地図を連続クリックしてライン作成、距離は自動計算
データ保存登録データはブラウザ localStorage に保存、表示は即座に反映
災害情報・現場状況
災害報告をカード形式で一覧表示し、地図にエリアを表示
災害カード種別・深刻度・影響世帯・状況説明を色分けカードで確認
災害報告「+ 災害報告」からモーダルで登録
範囲指定地図を連続クリックで頂点を追加し、自由な形状のポリゴンを描画（3点以上）
編集補助「1点戻す」「クリア」で描画のやり直しが可能
データ管理
GeoJSONファイルのインポート・エクスポートを行う管理画面
レイヤ一覧3レイヤ（点検ポイント / パトロールルート / 災害エリア）の件数・ジオメトリを確認
エクスポート元データ＋ブラウザ追加分をまとめてGeoJSONファイルとしてダウンロード
インポートGeoJSONファイルを選択 → 確認モーダルで地図プレビュー → 実行で既存データに追記
追加分クリアブラウザに保存された追加分のみ削除（元のファイルは影響を受けません）
データの流れ
1
GISで データ作成
地図上に正確な位置で描画
2
GeoJSON エクスポート
EPSG:4326 / UTF-8
3
Webアプリ に取込
データ管理画面からインポート
4
閲覧・現場登録
ブラウザで表示・簡易登録
※ Web上の簡易登録は速報用です。正式データはGISで作成・編集してください。
デモ画面について
モックアプリバックエンドAPI・データベースとの連携は行っていません
サンプルデータ表示データは東京港湾エリアの架空データです
データ保存簡易登録・インポートデータはlocalStorage保存（ブラウザ消去でリセット）
共有範囲ブラウザを変えると追加データは共有されません