Aislo/D03_PlanAnalysis/D03_PlanAnalysis_UI_LayerDefs.ts

/* =============================================================================
 * D03_PlanAnalysis_UI_LayerDefs.ts
 * D03 바탕 겹 옛 캔버스 도움(PLAN 569-2 · 581-1 · 581-2 · 584-1 · 584-3 · 586-2 · 624-2 · 624-3) — 면 겹 채우기 · 선 긋기 · 그림 겹 놓기.
 *   임도 짐작 구분 · 물 면 · 그림 읽기 · GL 자료 = 공용 `A00_Common/map/map_layer_data`(624-3 · 다시 내놓음).
 *   겹 목록 · 처음 값 · 켬끔 취향 · 선 겹 꼴 · 보호구역 색 = 공용 `A00_Common/map/map_layer_list`(624-2).
 *   부르는 곳 = `D03_PlanAnalysis_UI_Layers.ts`(받기 · 그리기 차례 · 범례).
 * ========================================================================== */

import type { MapLayerKey } from "../A00_Common/map/map_layer_list";
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";

/** 겹 목록 · 페이지 표 = 공용 `map_layer_list`(624-2) — 옛 이름으로 다시 내놓음(캔버스 · 조각 · 임도망 목록이 읽음). */
export type PlanLayerKey = MapLayerKey;
export {
  FOREST_ROAD_KINDS,
  WATER_KEYS,
  glImage,
  glTagged,
  hectare,
  loadImage,
  shadeImage,
} from "../A00_Common/map/map_layer_data";
export {
  LINE_KEYS,
  LINE_LAYERS,
  ZONE_COLORS,
  type RoadPick,
} from "../A00_Common/map/map_layer_list";

/** 면 겹 채움 — 지물마다 한 길(evenodd = 구멍) · 화면 밖 지물 거름(돌린 지도 귀퉁이까지 여유). */
export function fillLayer(
  context: CanvasRenderingContext2D,
  layer: PreparedLayer,
  view: ViewState,
  fill: string,
  alpha: number,
  edge?: { color: string; width: number; dash?: number[] },
): void {
  const [ox, oy] = normalizedToScreen(view, 0, 0);
  const [ex, ey] = normalizedToScreen(view, 1, 1);
  const ax = ex - ox;
  const ay = ey - oy;
  const pad = Math.max(view.width, view.height) / 2;
  context.fillStyle = fill;
  if (edge) {
    context.strokeStyle = edge.color;
    context.lineWidth = edge.width;
    context.setLineDash(edge.dash ?? []);
  }
  for (const feature of layer.features) {
    if (
      feature.maxX * ax + ox < -pad ||
      feature.minX * ax + ox > view.width + pad ||
      feature.maxY * ay + oy < -pad ||
      feature.minY * ay + oy > view.height + pad
    )
      continue;
    context.beginPath();
    for (const { coords } of feature.parts) {
      context.moveTo(coords[0] * ax + ox, coords[1] * ay + oy);
      for (let i = 2; i < coords.length; i += 2)
        context.lineTo(coords[i] * ax + ox, coords[i + 1] * ay + oy);
      context.closePath();
    }
    context.globalAlpha = alpha;
    context.fill("evenodd");
    if (edge) {
      context.globalAlpha = 0.9;
      context.stroke();
    }
  }
  context.setLineDash([]);
}

/** 선 겹 긋기(점 솎음 `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 {
  // 세 귀퉁이로 놓음 — TM 격자는 경위도 바탕에 대해 수렴각만큼 돌아 있음(586-0)
  const [x0, y0, x1, y1] = raster.raster.box_m;
  const [left, top] = map.toScreen([x0, y1]);
  const [right, rightY] = map.toScreen([x1, y1]);
  const [bottomX, bottom] = map.toScreen([x0, y0]);
  const { naturalWidth: w, naturalHeight: h } = raster.image;
  context.transform(
    (right - left) / w,
    (rightY - top) / w,
    (bottomX - left) / h,
    (bottom - top) / h,
    left,
    top,
  );
  context.drawImage(raster.image, 0, 0);
}