SubKorea > 오픈 API > 네이버 (Naver) Open API 적용례

 
basic.html 
    기본 예제 : 이 예제에서는 웹 페이지에 지도를 표시하는 간단한 방법을 설명합니다. 
control.html 
    지도 컨트롤 등록 : 이 예제에서는 현재 네이버 지도에서 제공하는 컨트롤인 축척 슬라이드바와 저장 버튼을 지도 상에 표시하는 방법을 보여줍니다. 이 컨트롤들은 각각 setAlign, setValign 메쏘드를 이용하여 수평적, 수직적으로 정렬할 수 있습니다. 
     
event.html 
    이벤트 리스너 등록 : 지도 상에서 사용자에 의해 일어나는 마우스 클릭, 키 눌림 등과 같은 마우스나 키보드의 움직임을 이벤트 (event) 라고 합니다. 이 이벤트들을 감지하여 웹 페이지가 적절한 동작을 하도록 웹 페이지를 구현하려면 이벤트 리스너(event listener)를 nmap 객체에 등록하면 됩니다. 이렇게 하면, 특정 이벤트가 발생할 때, 이벤트와 관련된 인자로 등록한 이벤트 리스너가 호출됩니다.
geocode.html
    주소좌표 변환 (geocoding) : 네이버 지도 위에 특정 지점을 표시하려면 카텍 좌표계 상의 좌표를 알아야 합니다. 그러나, 일반적인 경우, 특정 지점의 좌표값을 알 수 없으므로, 주소를 이용하여 해당 좌표값을 얻어야 할 필요가 생깁니다. 이를 “주소좌표 변환”이라고 합니다. 
     
    지도에 표시할 좌표는 네이버가 제공하는 "주소좌표 변환" 서버에 원하는 좌표의 주소와 네이버가 발급한 인증키를 가지고 URL을 요청함으로써 획득할 수 있습니다. 아래의 예제는 URL 요청에 의한 좌표 획득 방법을 알려줍니다. 

    샘플 URL : http://maps.naver.com/api/geocode.php?key=test&query=경기도성남시정자1동25-1 

marker.html 
    지도 상 마커 및 정보창 이용 : 이 예제에서는 지도 위의 특정 지점을 표시하기 위한 마커(marker)와 이 마커와 연관된 정보를 표시하는 정보창을 이용하는 방법을 알려줍니다. 
     
    마커를 사용하려면 아이콘 파일과, 위치, 그리고 크기 값을 이용하여 NMark 객체를 생성하면 됩니다. 또한, 마커와 함께 지도 API 에서 제공되는 정보창을 이용하면, 마커와 연관된 다양한 내용과 형식의 정보를 표현할 수 있습니다. 
     
    마커에 연결된 정보창을 표시하려면, 정보창에 표시할 HTML 문서의 내용을 정보창 객체에 set() 메쏘드로 설정한 후 정보창 객체의 showWindow() 메쏘드를 호출하면 됩니다. 표시된 정보창을 감추려면 정보창 객체의 hideWindow() 메쏘드를 호출하세요.
move.html 
    지도 이동, 확대, 축소 및 중심점 이동 : 이 예제에서는 지도의 이동과 확대 및 축소, 그리고, 특정 축척 레벨로 설정하는 방법을 보여줍니다. 네이버 지도 API 의 축척단계는 레벨 1 (가장 확대) 부터 레벨 11 (가장 축소) 까지총 11단계로 나누어집니다. 
posxy.html 
    클릭시 xy좌표 구하기 (정상동작)
localsearch.html 
    지도API와 검색 API의 조합 테스트