<2021 해커톤~> #2. Sejong maps: 메인 컨텐츠 (2)

1. 서론

이번에 쓰는 메인 컨텐츠는 카카오의 맵 API를 활용해

'지도 보기' 라는 컨텐츠를 만들었다.

'지도 보기'는 위에서 볼 수 있는 지도와 건물에 마커를 표시하여 위치를 나타낼 수 있는 기능과 도로를 표시했고,

로드뷰를 통해 학교를 둘러볼 수 있는 기능을 추가했습니다.

 

2. Kakao 지도 Web API

https://apis.map.kakao.com/

위 링크를 통해 순서대로 따라하면 web api를 얻을 수 있습니다.

 

https://apis.map.kakao.com/web/sample/

위 링크에서 많은 예제들이 있고, 이를 활용해서 다양한 기능을 만들 수 있습니다.

 

코드들은 예제 부분을 많이 참고하여 썼기에 따로 올리지 않겠습니다.

 

3. '지도 보기'

저런 구성으로 되어있고, 지도에 있는 마커를 마우스에 갖다대면 아래와 같이 나온다.

4. 마무리

API를 사용해서 만든 것은 처음이라 어색했지만, 설명이 매우 친절해서

예전엔 저런 지도를 가져오려면 엄청 어려울 것이라 생각했지만, 그런 장벽이 낮아지게 되었다.