해당 프로젝트는 한국국토정보공사(LX)와 함께 진행하였습니다.
- 폐업/휴업하는 주유소가 증가하지만, 철거비용 부담으로 그대로 방치됨
- Language: JavaScript (ES6+), HTML5, CSS3
- Library: KakaoMap API
이 프로젝트는 AWS EC2와 Vercel을 통해 배포되었습니다.
- Frontend: Vercel (CI/CD 자동화 적용)
- Backend: fastAPI, S3
이 프로젝트는 별도의 빌드 과정 없이 바로 실행할 수 있습니다. 단, 원활한 API 호출 및 리소스 로딩을 위해 로컬 서버 환경에서 실행하는 것을 권장합니다. Live Server 기능을 이용하시는 걸 추천합니다.
-
지도 시각화: 카카오맵을 통해 분석된 폐주유소 위치를 지도 위에 표시
-
상세 정보 조회: 마커 클릭 시 해당 주유소의 분석 데이터 표시
-
로드뷰 연동: 해당 위치의 실제 현장 모습을 로드뷰로 확인
absolute/
├── api/ # KakaoMap API
│ └── kakao.js
├── public/ # css, 행정구역 json, png, 헤더 페이지
│ ├── main.js # 지도 초기화 및 패널
│ ├── main.css
│ ├── api.js # 백엔드 API 통신 함수
│ ├── map.js # 마커 관리
│ └── search.js # 검색 기능(주유소명, 행정구역별)
├── main.html # 메인 페이지
└── README.md # 프로젝트 설명 문서