[지도 API] 주소 검색으로 지도에 위치 표시하기

다음 지도 API를 이용해서 우리집을 지도에 표시해 보았다.

 

다음 API 예제에는 주소 검색을 이용해서 좌표를 구하고 그것을 바로 지도에 표시하는 예제가 없어서

 

다음에서 제공하는 도큐먼트를 활용해서 아래와 같이 구현하였다.

<DIV id=map style="HEIGHT: 350px; WIDTH: 100%"></DIV>

<SCRIPT type=text/javascript src="//apis.daum.net/maps/maps3.js?apikey=d7d8183995cac01712f6ea9af98b9587&libraries=services"></SCRIPT>

 

기존에는 주소값을 xml로 보내고 그 값을 파싱하여 좌표를 구해서 자바스크립트상에 좌표를 넣어줬는데

 

addr2coord란 메소드를 이용해서 xml 파싱 없이 바로 좌표값을 구할 수 있게되었다(파싱하는 번거로움이 없어져서 좋다~)

 

원래 예제는 주소로 좌표를 구하는 메소드와 지도 생성 객체가 따로 설명되어있었는데 addr2coord 메소드 안에 지도객체를 생성하도록 바꿔서

 

addr2coord 메소드로 좌표를 구하고 그 좌표로 지도를 생성하도록 수정했다

 

결과는 아래와 같다.