🗺️ 공공 API 활용 웹 개발 프로젝트

카카오맵 API와 지진해일 대피소 공공 API를 활용한 안전 지도 서비스

🚀 프로젝트 소개

본 프로젝트는 카카오맵 API를 기반으로 공공데이터포털의 지진해일 대피소 및 임시거주지 API를 연동하여, 사용자에게 재난 상황 시 필요한 대피 정보를 직관적으로 제공하는 웹 서비스입니다. GPS를 활용한 현재 위치 기반 서비스와 길 찾기, 검색 기능 등을 통해 사용자의 안전 확보를 돕는 것을 목표로 합니다.

✨ 주요 기능

🗺️ 카카오맵 렌더링

서비스의 기본이 되는 지도를 화면에 표시합니다.

---

📍 대피소 및 임시거주지 마커 표시

API를 통해 받아온 지진해일 대피소와 임시거주지의 위치를 지도 위에 마커로 표시합니다.

---

🌋 지진 정보 마커 표시

최근 발생한 지진의 위치와 정보를 마커로 표시하여 위험 지역을 시각적으로 확인할 수 있습니다.

---

🛰️ GPS 기반 현재 위치 표시

사용자의 현재 위치를 GPS로 파악하여 지도 중심에 표시합니다.

---

📋 근처 대피소 목록 제공

현재 위치를 기준으로 가장 가까운 대피소 목록을 거리순으로 정렬하여 보여줍니다.

---

🚗 길 찾기 기능

원하는 대피소를 클릭하면 현재 위치로부터 해당 대피소까지의 경로를 안내합니다.

---

🔍 장소 검색 기능

키워드를 통해 원하는 지역이나 대피소를 검색할 수 있습니다.

---

🌐 위성/일반 지도 전환 (토글)

사용자의 필요에 따라 위성 지도와 일반 지도 모드를 자유롭게 전환할 수 있습니다.

---

ℹ️ 아이콘 범례

지도에 사용된 아이콘들의 의미를 설명하는 범례를 제공하여 사용자의 이해를 돕습니다.

🛠️ 기술 스택

• Frontend: HTML, CSS, JavaScript
• API: Kakao Maps API, Public Data Portal API
• Deployment: GitHub Pages