logo
Tutorials Examples naver map js api v3 네이버 지도 API NAVER 지도 API v3 특징

NAVER 지도 API v3 특징

NAVER 지도 API v3은 JavaScript 형태로 제공되는 NAVER 지도 플랫폼으로서, 웹 서비스 또는 애플리케이션에 NAVER 지도 기능을 구현할 수 있도록 다양한 클래스와 메서드를 제공합니다.
특히, 성능을 높이기 위해 데스크톱과 모바일 환경에 최적화된 코드를 제공하고 있으며, 주요 웹 브라우저를 완벽하게 지원할 수 있도록 새롭게 설계되었습니다.

NAVER 지도 API v3은 다음과 같은 특징이 있습니다.

  • 독립적인 API
  • 모바일 최적화
  • KVO(Key-Value Observing) 디자인
  • 단일 버전 관리

독립적인 API

NAVER 지도 API의 이전 버전(v1, v2)은 JindoJS 프레임워크를 사용했습니다. 그러나 NAVER 지도 API v3은 DOM(Document Object Model) 처리 및 웹 브라우저 호환 코드를 내장하고 있으므로, JindoJS 등의 다른 프레임워크 또는 라이브러리와 완벽히 독립적으로 동작합니다.

따라서, 어떠한 프레임워크 또는 라이브러리를 함께 사용해도 문제 없이 동작합니다. 또한 NAVER 지도 API v3은 이전 버전과 달리 별도의 CSS(Cascading Style Sheets)를 필요로 하지 않도록 설계했습니다.

모바일 최적화

모바일 웹 브라우징 환경은 최근 몇 년 사이 매우 진보하였지만 단말기의 성능과 제조사의 커스터마이징 상태에 따라 동작 방식이 매우 다양합니다. NAVER 지도 API v3은 대부분의 모바일 단말기에서도 최적의 성능으로 동작할 수 있도록 설계되었습니다.

또한 touchstart, touchmove, touchend 터치 이벤트 외에도 다음과 같은 제스처 이벤트를 사용할 수 있습니다.

  • tap - 한 손가락으로 터치합니다.
  • doubletap - 한 손가락으로 빠르게 두 번 터치합니다.
  • longtap - 한 손가락으로 터치를 1초 이상 유지합니다.
  • twofingertap - 두 손가락으로 터치합니다.
  • pinch in/out - 두 손가락으로 터치 후 손가락을 오므리거나 폅니다.

제스처 이벤트는 지속적으로 추가할 예정입니다.

NAVER 지도 API v3은 CSS3 Transform 속성을 적극적으로 활용하고 있습니다. 그러나 특정 웹 브라우저 또는 단말기의 성능이 낮은 환경에서는 자동으로 CSS2 렌더링 방식을 이용합니다. 즉, 각 환경에서 최적의 성능으로 동작할 수 있도록 전환하여 지도를 표현합니다.

KVO 디자인

KVO 디자인은 NAVER 지도 API v3 전체 설계의 핵심입니다. KVO 클래스를 상속받은 클래스는 사용자가 관심있는 속성을 바인딩(bind)함으로써 속성이 변경되었을 때 효율적으로 대응할 수 있습니다.

KVO 매커니즘에 대한 자세한 설명은 KVO 디자인을 참고합니다.

단일 버전 관리

NAVER 지도 API v3은 단일 버전으로 제공합니다. 버전 정보를 확인하려면 다음과 같이 JavaScript 파일 시작 부분의 주석을 확인합니다.

/*!
 * mantle - NAVER Maps API v3.0.0 - 2016-05-26 11:20:56
 *
 * Copyright(c) 2016, NAVER corp, Team mantle
 */

버전 변경에 따른 오류 및 문의 사항은 Question에 등록해 주시면 빠르게 처리하겠습니다. 빠르고 원활한 처리를 원하신다면 로그인 이후 문의 바랍니다.