유료 지도 SDK 없이 11일 만에 아파트 3D 지도를 만든 과정: 공개 데이터와 MapLibre 활용기
들어가며
아파트 주변을 3D 지도로 보여주려면 유료 지도 SDK나 별도로 만든 3D 모델이 있어야 한다고 생각하기 쉽습니다. 이번에 소개할 글은 그렇지 않다는 것을 보여줍니다. 한 개발자가 직접 만들고 있는 서비스 **'아파트 인사이트'**에 주변 3D 지도를 넣으면서 겪은 문제와 설계 선택을 정리한 기록입니다. 공개 데이터와 오픈소스 라이브러리 MapLibre GL JS만으로 11일 동안 만들었습니다.
핵심 요약
- 유료 SDK와 외부 3D 모델 없이 공개 데이터만으로 3D 건물 지도를 만들었습니다.
- 데이터 출처 세 곳을 합쳤습니다.
- 브이월드(VWorld): 건물 외곽선(폴리곤)
- 건축물대장: 건물 높이 정보
- OpenStreetMap(OSM): 주변 시설과 도로 데이터
- 렌더링은 MapLibre GL JS로 했습니다.
- AI 코딩 에이전트와 함께 구현했지만 어떤 데이터를 믿을지 정하고 실제 성능을 측정하는 일은 개발자가 직접 했습니다.
글에서 다루는 주요 내용
1. 지도가 두 번 생성되던 버그
건물 9,481동이 들어간 지도가 도보 경로 데이터 때문에 두 번 생성되는 문제가 있었습니다. 원인을 찾아 고친 과정이 담겨 있습니다. 데이터가 많은 지도에서는 이렇게 불필요한 재생성 한 번이 성능에 큰 영향을 줍니다.
2. 애니메이션과 공간 탐색 비용 줄이기
3D 지도에서는 애니메이션과 공간 탐색(어떤 건물이나 시설이 근처에 있는지 찾는 연산)이 생각보다 무겁습니다. 원문은 이 비용을 줄인 방법을 소개하고, 측정 환경과 개선 전후 수치를 함께 공개합니다. '빨라진 것 같다'는 느낌이 아니라 측정값으로 판단했다는 점이 이 글의 좋은 부분입니다.
3. 추정한 높이는 화면에만 쓰고 일조 계산에서는 뺐습니다
건축물대장에 높이 값이 없는 건물도 있습니다. 이런 건물은 층수로 높이를 추정해서 3D 화면에 그렸습니다. 다만 일조 계산에서는 추정값을 쓰지 않았습니다.
- 화면 표시에서는 약간의 오차가 있어도 괜찮습니다.
- 일조 분석은 사용자가 판단 근거로 삼을 수 있는 정보라서 부정확한 값이 들어가면 결과를 믿기 어려워집니다.
원문은 이렇게 결정한 이유와 그 한계도 솔직하게 설명합니다. 데이터의 용도에 따라 신뢰 기준을 다르게 두는 것은 데이터 기반 서비스를 만드는 사람이라면 참고할 만한 판단입니다.
4. 공용 API 대신 국내 OSM 추출본을 직접 처리
공용 OSM API에 의존하면 요청 제한이나 서비스 장애 같은 외부 요인의 영향을 받습니다. 그래서 개발자는 국내 OSM 추출본을 내려받아 직접 처리했습니다. 운영 안정성을 생각하면 현실적인 선택입니다.
5. API 키 없이 시작할 수 있는 예제
API 키 없이 HTML 파일 하나로 시작할 수 있는 3D 건물 지도 예제도 함께 제공합니다. MapLibre로 3D 지도를 처음 만들어 보려는 분에게 좋은 출발점입니다.
에디터의 한마디
이 글에서 가장 와닿는 부분은 마지막 회고입니다. AI 코딩 에이전트 덕분에 구현 속도는 빨라졌지만 어떤 데이터를 믿을지 정하는 일과 실제 성능을 측정하는 일은 여전히 개발자의 몫이었다고 합니다. 코드를 짜는 일은 AI와 나눌 수 있어도, 결과를 검증하고 책임지는 일은 사람이 해야 한다는 뜻입니다.
공공 데이터로 지도나 부동산 관련 서비스를 만들려는 분, 유료 SDK의 대안을 찾는 분이라면 원문을 꼭 읽어 보시길 권합니다.
출처: GeekNews - 개발/기술/스타트업 뉴스 서비스
원문: https://news.hada.io/topic?id=36933&utm_source=geeknews&utm_medium=rss&utm_campaign=news