logo
Tutorials Examples naver map js api v3 네이버 지도 API 그리기 도구 기본 예제

그리기 도구 기본 예제

그리기 도구 기본 예제

기본 옵션을 적용한 그리기 도구를 생성하는 예제입니다. 도형을 생성, 선택, 삭제 시 발생하는 이벤트가 왼쪽 아래에 표시됩니다.

그리기
아이콘이 선택된 상태에서 지도 위에 클릭합니다.
- shift를 누르고 있는 경우 정방형/직교좌표로 스냅이 제공됩니다.
- polygon, polyline: 마우스 오른쪽 버튼 클릭/Esc로 그리기 종료.

이동
그려진 도형을 클릭하여 편집 모드로 변경합니다.
그려진 도형을 드래그하여 이동합니다.

수정
그려진 도형을 클릭하여 편집 모드로 변경합니다.
그려진 도형의 제어점을 드래그하여 수정합니다.
- polygon, polyline: 중간 제어점을 클릭하면 점을 추가합니다.

삭제
그려진 도형을 마우스 오른쪽 버튼으로 클릭해 삭제합니다.

Occurred Events