feat(D03 겹): 노선분석 지도 단층 · 지질구조선 · 0차곡 겹 — 묶음 셋째 · 처음 끔 (PLAN 584-1 · 요구 443)

- 서버: 선 겹 = 브이월드 WFS lt_l_gimsfault · lt_l_gimslinea 받은 범위로 잘라 가닥 · 길이 · 덮으면 다시 안 받음 · 실패 = 502 · 새 선 겹은 LINE_KINDS 한 줄
- 서버: 0차곡 = 사업 DEM 2 m 솎음 D8 흐름누적(웅덩이 메움 · 평지 넘김 · numpy) · 위 집수 0.1~1 ha 칸 세선화 선 · 10 m 미만 토막 거름 · 파생 저장본(격자 지문 · 임계) · 임계 = 요청 min_m2 · max_m2
- 화면: 단추 셋(bolt · lineDashed · arrowsJoin 부품 상자에 더함) · 색 --draw-map-fault · lineament · zero-order · 범례 = 가닥 · km · 첫 셈 늦으면 알림 · 바탕 캔버스
- 선 긋기 · 그림 겹 놓기 · 그림 읽기를 LayerDefs 로 옮김(700줄 한도)
- test_553_4: 겹 목록에 faults · lineaments · zeroOrder 더함(새 겹 · 기대 목록 갱신)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

D03_PlanAnalysis/D03_PlanAnalysis_UI_LayerDefs.ts

@@ -1,15 +1,19 @@
 /* =============================================================================
  * D03_PlanAnalysis_UI_LayerDefs.ts
- * D03 바탕 겹 정의(PLAN 569-2 · 581-1 · 581-2) — 겹 단추 묶음 · 처음 값 · 보호구역 · 토양형 색 · 면 겹 채우기.
+ * D03 바탕 겹 정의(PLAN 569-2 · 581-1 · 581-2 · 584-1) — 겹 단추 묶음 · 처음 값 · 보호구역 · 토양형 색 ·
+ *   선 겹(단층 · 지질구조선 · 0차곡) 꼴 · 면 겹 채우기 · 선 긋기 · 그림 겹 놓기.
  *   부르는 곳 = `D03_PlanAnalysis_UI_Layers.ts`(받기 · 그리기 차례 · 범례).
  * ========================================================================== */
 
 import type { IconName } from "@ui/ui_template_icons";
 import {
+  drawPreparedLayer,
   normalizedToScreen,
   type PreparedLayer,
   type ViewState,
 } from "../B04_PreProcess/B04_PreProcess_UI_MapRender";
+import type { PlanRaster } from "./D03_PlanAnalysis_Api";
+import type { ScreenMap } from "./D03_PlanAnalysis_UI_Map";
 
 export type PlanLayerKey =
   | "satellite"
@@ -23,6 +27,9 @@ export type PlanLayerKey =
   | "cadastral"
   | "zones"
   | "soils"
+  | "faults"
+  | "lineaments"
+  | "zeroOrder"
   | "bands"
   | "building"
   | "place";
@@ -67,6 +74,19 @@ export const GROUPS: readonly (readonly LayerDef[])[] = [
       title: "산림입지도(토양형 · 산림청 산림입지토양도 · 참고용)",
       on: false,
     },
+    { key: "faults", icon: "bolt", title: "단층(브이월드 지질 · 참고용)", on: false },
+    {
+      key: "lineaments",
+      icon: "lineDashed",
+      title: "지질구조선(브이월드 지질 · 참고용)",
+      on: false,
+    },
+    {
+      key: "zeroOrder",
+      icon: "arrowsJoin",
+      title: "0차곡(지형 추정 골짜기 머리 · 위 집수 0.1~1 ha · 곡두 통과 피함)",
+      on: false,
+    },
     {
       key: "bands",
       icon: "borderOuter",
@@ -89,6 +109,23 @@ export const ZONE_COLORS: Record<string, string> = {
   wildlife: "--draw-map-zone-wildlife",
   greenbelt: "--draw-map-zone-greenbelt",
 };
+/** 선 겹 — 이름 · 그림 꼴(서버 `LINE_KINDS` 열쇠 = `kind` · 없으면 0차곡). 새 선 겹 = 여기 한 줄. */
+export type LineLayerKey = "faults" | "lineaments" | "zeroOrder";
+export const LINE_LAYERS: Record<
+  LineLayerKey,
+  { label: string; kind?: string; color: string; width: number; dash: number[] }
+> = {
+  faults: { label: "단층", kind: "faults", color: "--draw-map-fault", width: 2.4, dash: [] },
+  lineaments: {
+    label: "지질구조선",
+    kind: "lineaments",
+    color: "--draw-map-lineament",
+    width: 1.8,
+    dash: [8, 4],
+  },
+  zeroOrder: { label: "0차곡", color: "--draw-map-zero-order", width: 1.8, dash: [4, 3] },
+};
+export const LINE_KEYS = Object.keys(LINE_LAYERS) as LineLayerKey[];
 /** 토양형 색 — 받은 범위 안 코드 차례로 돌려 씀. */
 export const SOIL_COLORS = [1, 2, 3, 4, 5, 6].map((n) => `--draw-map-soil-${n}`);
 /** 도로 중 기존 임도로 짐작하는 구분. */
@@ -142,3 +179,37 @@ export function fillLayer(
   }
   context.setLineDash([]);
 }
+
+export const loadImage = (src: string): Promise<HTMLImageElement> =>
+  new Promise((done, fail) => {
+    const image = new Image();
+    image.onload = () => done(image);
+    image.onerror = () => fail(new Error("그림을 읽지 못했습니다"));
+    image.src = src;
+  });
+
+/** 선 겹 긋기(점 솎음 `dot` · `everyM` = 등고 간격 거름). */
+export function stroke(
+  context: CanvasRenderingContext2D,
+  map: ScreenMap,
+  layer: PreparedLayer,
+  color: string,
+  width: number,
+  everyM?: number,
+): void {
+  context.strokeStyle = color;
+  context.lineWidth = width;
+  drawPreparedLayer(context, layer, map.view, "dot", everyM);
+}
+
+/** 그림 겹(작업 좌표계 m 상자 · 위 = 북). */
+export function drawRaster(
+  context: CanvasRenderingContext2D,
+  map: ScreenMap,
+  raster: { raster: PlanRaster; image: HTMLImageElement },
+): void {
+  const [x0, y0, x1, y1] = raster.raster.box_m;
+  const [left, top] = map.toScreen([x0, y1]);
+  const [right, bottom] = map.toScreen([x1, y0]);
+  context.drawImage(raster.image, left, top, right - left, bottom - top);
+}