feat(phase6): MapLibre + deck.gl 전환 + 항공탐색/확산분석 시각화 개선 #53

htlee · 2026-03-01T09:33:57+09:00

htlee 코멘트됨,

2026-03-01 09:33:57 +09:00

소유자

Summary

Phase 6: Leaflet → MapLibre GL JS 5.x + deck.gl 9.x 지도 엔진 전환
항공탐색: CctvView 안정화, SensorAnalysis 3D 회전 애니메이션, RealtimeDrone MapLibre 전환
확산분석: 데모 궤적/방어선/민감자원 자동 로드, 해류 화살표 레이어
TextLayer: 한글 폰트 설정 (characterSet 'auto', NanumSquare, outline)

Changes

영역	변경 내용
지도 엔진	Leaflet → MapLibre GL JS + @vis.gl/react-maplibre + deck.gl
MapView	deck.gl 레이어 (입자, 오일펜스, 민감자원, 해류 화살표)
SensorAnalysis	Canvas 2D 정적 → requestAnimationFrame 3D 회전 (Vessel/Pollution)
RealtimeDrone	MapLibre + deck.gl 전환, zone/vessel/drone 레이어
OilSpillView	탭 진입 시 데모 데이터 자동 생성 (궤적+방어선+민감자원)
TextLayer	characterSet 'auto', NanumSquare 한글 폰트, outline 설정

Test plan

지도 기본 렌더링 (줌/이동/타일 로딩)
확산분석 탭 진입 → 입자 확산 + 오일펜스 + 민감자원 자동 표시
타임라인 슬라이더로 시간별 입자 재생
항공탐색 > 센서분석 > 3D모델/포인트클라우드/와이어프레임 360° 회전
항공탐색 > 실시간 드론 > 드론/선박/오염원 레이어 표시
TextLayer 한글 라벨 정상 렌더링
기존 탭 (사건사고, SCAT, 게시판 등) 영향 없음

🤖 Generated with Claude Code

## Summary - **Phase 6**: Leaflet → MapLibre GL JS 5.x + deck.gl 9.x 지도 엔진 전환 - **항공탐색**: CctvView 안정화, SensorAnalysis 3D 회전 애니메이션, RealtimeDrone MapLibre 전환 - **확산분석**: 데모 궤적/방어선/민감자원 자동 로드, 해류 화살표 레이어 - **TextLayer**: 한글 폰트 설정 (characterSet 'auto', NanumSquare, outline) ## Changes | 영역 | 변경 내용 | |------|----------| | 지도 엔진 | Leaflet → MapLibre GL JS + @vis.gl/react-maplibre + deck.gl | | MapView | deck.gl 레이어 (입자, 오일펜스, 민감자원, 해류 화살표) | | SensorAnalysis | Canvas 2D 정적 → requestAnimationFrame 3D 회전 (Vessel/Pollution) | | RealtimeDrone | MapLibre + deck.gl 전환, zone/vessel/drone 레이어 | | OilSpillView | 탭 진입 시 데모 데이터 자동 생성 (궤적+방어선+민감자원) | | TextLayer | characterSet 'auto', NanumSquare 한글 폰트, outline 설정 | ## Test plan - [ ] 지도 기본 렌더링 (줌/이동/타일 로딩) - [ ] 확산분석 탭 진입 → 입자 확산 + 오일펜스 + 민감자원 자동 표시 - [ ] 타임라인 슬라이더로 시간별 입자 재생 - [ ] 항공탐색 > 센서분석 > 3D모델/포인트클라우드/와이어프레임 360° 회전 - [ ] 항공탐색 > 실시간 드론 > 드론/선박/오염원 레이어 표시 - [ ] TextLayer 한글 라벨 정상 렌더링 - [ ] 기존 탭 (사건사고, SCAT, 게시판 등) 영향 없음 🤖 Generated with [Claude Code](https://claude.com/claude-code)

htlee added 1 commit 2026-03-01 09:33:58 +09:00

feat(frontend): TextLayer 한글 폰트 + 확산분석 자동 데모 + 3D 회전 애니메이션 86b4a03c12

- TextLayer: characterSet 'auto', NanumSquare 한글 폰트, outline 설정 (MapView, RealtimeDrone)
- 확산분석 탭: 진입 시 데모 궤적/방어선/민감자원 자동 로드 (useEffect + handleSelectAnalysis)
- SensorAnalysis: Vessel/Pollution 3DModel을 requestAnimationFrame 기반 360° 회전으로 전환
  - 3D geometry useMemo 생성, Y축 회전 + X축 틸트, depth 기반 크기/밝기

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

htlee merged commit 6367640ea5 into develop

2026-03-01 09:34:30 +09:00

htlee 삭제된 브랜치 feature/phase6-maplibre-deckgl

2026-03-01 09:34:30 +09:00

htlee 커밋

2026-03-01 09:34:31 +09:00

에서 이 이슈 언급

Merge pull request 'feat(phase6): MapLibre + deck.gl 전환 + 항공탐색/확산분석 시각화 개선' (#53) from feature/phase6-maplibre-deckgl into develop

"로그인하여 이 대화에 참여"

No reviewers

레이블 없음

마일스톤 없음

담당자 없음

참여자 1명

알림

마감일

기한이 올바르지 않거나 범위를 벗어났습니다. 'yyyy-mm-dd'형식을 사용해주십시오.

마감일이 설정되지 않았습니다.

의존성

No dependencies set.

Reference: gc/wing-ops#53