유료 SDK 없이, 공개 데이터와 MapLibre로 아파트 3D 지도를 만든 11일

직접 개발 중인 아파트 인사이트의 주변 3D 지도를 만들면서 겪은 문제와 설계 선택을 정리했습니다.

브이월드의 건물 외곽선, 건축물대장의 높이, OpenStreetMap의 시설·도로 데이터를 결합하고 MapLibre GL JS로 그렸습니다. 유료 지도 SDK와 외부 3D 모델 파일은 사용하지 않았습니다.

글에서는 다음 내용을 다룹니다.

• 건물 9,481동이 포함된 지도가 도보 경로 데이터 때문에 두 번 생성되던 문제를 찾아 수정한 과정
• 애니메이션과 공간 탐색 비용을 줄인 방법, 측정 환경과 성능 개선 전후 수치
• 층수로 추정한 건물 높이를 화면에는 사용하면서 일조 계산에서는 제외한 이유와 그 한계
• 공용 API 의존을 줄이기 위해 국내 OSM 추출본을 직접 처리한 방식
• API 키 없이 HTML 파일 하나로 시작할 수 있는 3D 건물 지도 예제

AI 코딩 에이전트와 함께 구현했지만, 어떤 데이터를 믿을지 정하고 실제 성능을 측정하는 일은 직접 해야 했던 경험도 담았습니다.