feat(D03): 3D 창 예상 코리도 — 측점 예상 단면 → B05 buildCorridor · 켬끔(PLAN 544-3)
- UI_3D — 횡단 판과 같은 예상 단면(Expect) 측점 묶음 → buildCorridor → setCorridor(지형 잘림 sections 실음) - 모달 위 「예상 코리도」 켬끔 = setCorridorVisible · 검증 창구 window.__d03Plan3d(측점 수 · 짓기 ms) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,8 +1,9 @@
|
|||||||
/* =============================================================================
|
/* =============================================================================
|
||||||
* D03_PlanAnalysis_UI_3D.ts
|
* D03_PlanAnalysis_UI_3D.ts
|
||||||
* D03 [3D] 큰 모달(PLAN 530-3) — 한 연도 DEM + 그 연도 고른 노선 + 측점 막대만. 코리도 · 구조물은
|
* D03 [3D] 큰 모달(PLAN 530-3 · 544-3) — 한 연도 DEM + 그 연도 고른 노선 + 측점 막대 + 예상 코리도.
|
||||||
* 안 부름(`setCorridor` 안 씀 → 노견 · 절성토면 · 구조물 없음). 연도 고름 = 모달 위 칸.
|
* 예상 코리도 = 측점마다 횡단 판과 같은 예상 단면(`logic/D03_PlanAnalysis_Expect`) → B05 `buildCorridor`
|
||||||
* 뷰어 = B05 `createRouteViewer` 그대로 · 닫으면 버림(WebGL 문맥까지).
|
* → `setCorridor`(노면 · 측구 · 절성토면 · 지형 잘림) · 구조물 없음 · 「예상 코리도」 켬끔.
|
||||||
|
* 연도 고름 = 모달 위 칸 · 뷰어 = B05 `createRouteViewer` 그대로 · 닫으면 버림(WebGL 문맥까지).
|
||||||
* ========================================================================== */
|
* ========================================================================== */
|
||||||
|
|
||||||
import "../B05_Profile/B05_Profile_UI_Style.css";
|
import "../B05_Profile/B05_Profile_UI_Style.css";
|
||||||
@@ -12,7 +13,11 @@ import { showToast } from "@ui/ui_template_elements";
|
|||||||
import type { DtmGrid } from "../common_util/common_util_surface_sampler";
|
import type { DtmGrid } from "../common_util/common_util_surface_sampler";
|
||||||
import { createRouteViewer, type RouteViewer } from "../B05_Profile/B05_Profile_UI_Viewer";
|
import { createRouteViewer, type RouteViewer } from "../B05_Profile/B05_Profile_UI_Viewer";
|
||||||
import { sectionsGround } from "../B05_Profile/logic/B05_Profile_Sections_Ground";
|
import { sectionsGround } from "../B05_Profile/logic/B05_Profile_Sections_Ground";
|
||||||
|
import { buildCorridor } from "../B05_Profile/logic/B05_Profile_Corridor_Build";
|
||||||
|
import type { CrossSection } from "../B06_Section/B06_Section_Api_Types";
|
||||||
import type { Vertex } from "./logic/D03_PlanAnalysis_Plan";
|
import type { Vertex } from "./logic/D03_PlanAnalysis_Plan";
|
||||||
|
import { expectSections } from "./logic/D03_PlanAnalysis_Expect";
|
||||||
|
import { loadExpectStandard } from "./D03_PlanAnalysis_UI_Cross";
|
||||||
|
|
||||||
export interface Plan3dYear {
|
export interface Plan3dYear {
|
||||||
year: number;
|
year: number;
|
||||||
@@ -50,9 +55,18 @@ export function openPlan3d(projectId: string, years: Plan3dYear[], firstYear: nu
|
|||||||
pick.className = "d03-plan__3d-year";
|
pick.className = "d03-plan__3d-year";
|
||||||
for (const item of years)
|
for (const item of years)
|
||||||
pick.append(new Option(`${item.year}년`, String(item.year), false, item.year === firstYear));
|
pick.append(new Option(`${item.year}년`, String(item.year), false, item.year === firstYear));
|
||||||
|
const corridorBox = document.createElement("label");
|
||||||
|
corridorBox.className = "d03-plan__3d-corridor";
|
||||||
|
const corridorOn = Object.assign(document.createElement("input"), {
|
||||||
|
type: "checkbox",
|
||||||
|
checked: true,
|
||||||
|
});
|
||||||
|
corridorBox.append(corridorOn, " 예상 코리도(표준 횡단 기본값 · 계획고 = 지반고)");
|
||||||
|
corridorOn.addEventListener("change", () => viewer?.setCorridorVisible(corridorOn.checked));
|
||||||
const top = document.createElement("div");
|
const top = document.createElement("div");
|
||||||
top.className = "d03-plan__3d-top";
|
top.className = "d03-plan__3d-top";
|
||||||
top.append(pick);
|
top.append(pick, corridorBox);
|
||||||
|
const standard = loadExpectStandard(projectId);
|
||||||
|
|
||||||
const load = async (year: number): Promise<void> => {
|
const load = async (year: number): Promise<void> => {
|
||||||
const item = years.find((entry) => entry.year === year) ?? years[0];
|
const item = years.find((entry) => entry.year === year) ?? years[0];
|
||||||
@@ -60,6 +74,9 @@ export function openPlan3d(projectId: string, years: Plan3dYear[], firstYear: nu
|
|||||||
const progress = createProgressCircle({ label: "3D 지형을 불러오는 중…", overlay: true });
|
const progress = createProgressCircle({ label: "3D 지형을 불러오는 중…", overlay: true });
|
||||||
progress.set(null);
|
progress.set(null);
|
||||||
viewer.root.append(progress.root);
|
viewer.root.append(progress.root);
|
||||||
|
const started = performance.now();
|
||||||
|
const stat: Record<string, unknown> = { year: item.year, done: false };
|
||||||
|
(window as unknown as { __d03Plan3d?: unknown }).__d03Plan3d = stat;
|
||||||
try {
|
try {
|
||||||
await viewer.loadSurface(projectId, item.modelId, "dtm", true, 5, gridBounds(item.grid));
|
await viewer.loadSurface(projectId, item.modelId, "dtm", true, 5, gridBounds(item.grid));
|
||||||
if (!viewer) return;
|
if (!viewer) return;
|
||||||
@@ -81,10 +98,31 @@ export function openPlan3d(projectId: string, years: Plan3dYear[], firstYear: nu
|
|||||||
})),
|
})),
|
||||||
2.5,
|
2.5,
|
||||||
);
|
);
|
||||||
|
const std = await standard;
|
||||||
|
if (!viewer) return;
|
||||||
|
const built = performance.now();
|
||||||
|
const sections = std
|
||||||
|
? (expectSections(ground.stations, std, item.grid) as unknown as CrossSection[])
|
||||||
|
: [];
|
||||||
|
const build = buildCorridor(
|
||||||
|
sections,
|
||||||
|
item.line.map(([x, y]) => ({ x, y })),
|
||||||
|
);
|
||||||
|
if (build) build.sections = sections; // 지형 잘림이 읽음
|
||||||
|
viewer.setCorridor(build);
|
||||||
|
viewer.setCorridorVisible(corridorOn.checked);
|
||||||
|
Object.assign(stat, {
|
||||||
|
sections: sections.length,
|
||||||
|
corridor: !!build,
|
||||||
|
buildMs: Math.round(performance.now() - built),
|
||||||
|
centers: sections.map((c) => [c.center_x, c.center_y, c.center_z]),
|
||||||
|
});
|
||||||
viewer.setView("iso");
|
viewer.setView("iso");
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
showToast(error instanceof Error ? error.message : "3D 지형을 불러오지 못했습니다.", "error");
|
showToast(error instanceof Error ? error.message : "3D 지형을 불러오지 못했습니다.", "error");
|
||||||
} finally {
|
} finally {
|
||||||
|
stat.done = true;
|
||||||
|
stat.totalMs = Math.round(performance.now() - started);
|
||||||
progress.remove();
|
progress.remove();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user