diff --git a/B04_wf1_Surface/B04_wf1_Surface_UI_MapViewer.ts b/B04_wf1_Surface/B04_wf1_Surface_UI_MapViewer.ts index b65f302a..58749d60 100644 --- a/B04_wf1_Surface/B04_wf1_Surface_UI_MapViewer.ts +++ b/B04_wf1_Surface/B04_wf1_Surface_UI_MapViewer.ts @@ -329,6 +329,8 @@ export function createSurfaceMapViewer(): SurfaceMapViewer { if (prepared) drawPreparedLabels(context, prepared, view, GIS_LAYER_COLORS[layer]); }); } + // 배수유역 오버레이는 GIS 레이어 위에 얹는다 — 격자·화살표가 등고선을 덮어야 읽힌다. + if (normalizer) watershed.draw(context, normalizer, view); updateImageTransform(); drawScaleBar(mapRect); } diff --git a/B04_wf1_Surface/B04_wf1_Surface_UI_Watershed.ts b/B04_wf1_Surface/B04_wf1_Surface_UI_Watershed.ts index 0f55463e..bf7ad5bf 100644 --- a/B04_wf1_Surface/B04_wf1_Surface_UI_Watershed.ts +++ b/B04_wf1_Surface/B04_wf1_Surface_UI_Watershed.ts @@ -242,9 +242,7 @@ export function createWatershedOverlay(onChange: () => void): WatershedOverlay { region: WatershedAnalysis, ): void { context.save(); - // ① 해석 격자 — bbox 테두리 + 실제 셀 눈금. - drawGridCells(context, map, view, region); - // ② 1차 배수유역 = 상류 세류망의 반경 버퍼 합집합. + // 1차 배수유역 = 상류 세류망의 반경 버퍼 합집합. (격자는 draw()에서 먼저 깔았다) context.setLineDash([]); context.lineWidth = 2; context.strokeStyle = "rgba(5, 150, 105, 0.95)";