다음을 통해 공유

그리기 도구 모듈의 상호 작용 유형 및 바로 가기 키

  • 아티클

이 문서에서는 마우스, 터치스크린 또는 바로 가기 키를 사용하여 도형을 그리거나 편집하는 다양한 방법을 간략하게 설명합니다.

그리기 관리자는 지도와 상호 작용하여 도형을 그릴 수 있는 세 가지 다른 방법을 지원합니다.

  • click - 마우스 또는 터치스크린을 클릭하면 좌표가 추가됩니다.
  • freehand - 맵에서 마우스 또는 터치스크린을 끌면 좌표가 추가됩니다.
  • hybrid - 마우스 또는 터치스크린을 클릭하거나 끌면 좌표가 추가됩니다.

도형을 그리는 방법

도형을 그리려면 먼저 그리기 관리자의 drawingMode 옵션을 지원되는 그리기 설정으로 설정합니다. 이 설정은 도구 모음에서 그리기 단추 중 하나를 눌러 프로그래밍하거나 호출할 수 있습니다. 도형을 그린 후에도 그리기 모드는 계속 사용하도록 설정되어 있으므로 동일한 형식의 추가 도형을 쉽게 그릴 수 있습니다. 프로그래밍 방식으로 그리기 모드를 유휴 상태로 설정합니다. 또는 도구 모음에서 현재 그리기 모드 단추를 선택하여 유휴 상태로 전환합니다.

다음 섹션에서는 지도에 도형을 그릴 수 있는 모든 다양한 방법을 간략하게 설명합니다.

점을 그리는 방법

그리기 관리자가 draw-point 그리기 모드인 경우 다음 작업을 수행하여 지도에 점을 그릴 수 있습니다. 이러한 메서드는 모든 상호 작용 모드에서 작동합니다.

그리기 시작

  • 마우스 왼쪽 단추를 선택하거나 지도를 터치하여 지도에 점을 추가합니다.
  • 마우스를 지도 위에 놓았을 때 F 키를 누르면 마우스 포인터의 좌표에 점이 추가됩니다. 지도에 점을 추가할 때는 이 메서드가 더 높은 정확도를 제공합니다. 마우스 왼쪽 단추를 누르는 동작으로 인해 마우스의 움직임이 적어집니다.
  • 지도에 더 많은 점을 추가하려면 계속 클릭하거나, 터치하거나, F 키를 누릅니다.

그리기 마침

  • 그리기 도구 모음에서 임의의 단추를 선택합니다.
  • 프로그래밍 방식으로 그리기 모드를 설정합니다.
  • C 키를 누릅니다.

그리기 취소

  • Escape 키를 누릅니다.

선을 그리는 방법

그리기 관리자가 draw-line 모드인 경우 상호 작용 모드에 따라 다음 작업을 수행하여 지도에 점을 그릴 수 있습니다.

그리기 시작

  • 클릭 모드
    • 왼쪽 마우스 단추를 선택하거나 지도를 터치하여 지도의 선에 각 점을 추가합니다. 클릭하거나 터치할 때마다 선에 좌표가 추가됩니다.
    • 마우스를 지도 위에 놓았을 때 F 키를 누르면 마우스 포인터의 좌표에 점이 추가됩니다. 지도에 점을 추가할 때는 이 메서드가 더 높은 정확도를 제공합니다. 마우스 왼쪽 단추를 누르는 동작으로 인해 마우스의 움직임이 적어집니다.
    • 원하는 모든 점이 선에 추가될 때까지 계속 클릭합니다.
  • 프리핸드 모드
    • 왼쪽 마우스 단추를 누르거나 지도를 터치하고 마우스 또는 터치 포인트 주변을 끕니다. 마우스 또는 터치 포인트가 지도 주위에서 움직일 때 좌표가 선에 추가됩니다. 마우스 또는 터치 이벤트가 트리거되는 즉시 그리기가 완료됩니다. 그리기 관리자 freehandInterval 옵션은 좌표가 추가되는 빈도를 정의합니다.
  • 혼합 모드
    • 클릭 방법과 프리핸드 방법을 원하는 대로 전환하며 선 하나를 그립니다. 예를 들어, 몇 개의 점을 클릭한 다음 마우스를 누른 상태로 끌어 여러 점을 추가하고 몇 개 더 클릭합니다.

그리기 마침

  • 혼합/클릭 모드
    • 마지막 점에서 지도를 두 번 클릭합니다.
    • 그리기 도구 모음에서 임의의 단추를 클릭합니다.
    • 프로그래밍 방식으로 그리기 모드를 설정합니다.
  • 프리핸드 모드
    • 마우스 단추 또는 터치 포인트에서 손을 뗍니다.
  • C 키를 누릅니다.

그리기 취소

  • Escape 키를 누릅니다.

다각형을 그리는 방법

그리기 관리자가 draw-polygon 모드인 경우 상호 작용 모드에 따라 다음 작업을 수행하여 지도에 점을 그릴 수 있습니다.

그리기 시작

  • 클릭 모드
    • 왼쪽 마우스 단추를 선택하거나 지도를 터치하여 지도의 다각형에 각 점을 추가합니다. 클릭하거나 터치할 때마다 다각형에 좌표가 추가됩니다.
    • 마우스를 지도 위에 놓았을 때 F 키를 누르면 마우스 포인터의 좌표에 점이 추가됩니다. 지도에 점을 추가할 때는 이 메서드가 더 높은 정확도를 제공합니다. 마우스 왼쪽 단추를 누르는 동작으로 인해 마우스의 움직임이 적어집니다.
    • 원하는 모든 점이 다각형에 추가될 때까지 계속 클릭합니다.
  • 프리핸드 모드
    • 왼쪽 마우스 단추를 누르거나 지도를 터치하고 마우스 또는 터치 포인트 주변을 끕니다. 마우스 또는 터치 포인트가 지도 주위에서 움직일 때 좌표가 다각형에 추가됩니다. 마우스 또는 터치 이벤트가 트리거되는 즉시 그리기가 완료됩니다. 그리기 관리자 freehandInterval 옵션은 좌표가 추가되는 빈도를 정의합니다.
  • 혼합 모드
    • 클릭 방법과 프리핸드 방법을 원하는 대로 전환하며 다각형 하나를 그립니다. 예를 들어, 몇 개의 점을 클릭한 다음 마우스를 누른 상태로 끌어 여러 점을 추가하고 몇 개 더 클릭합니다.

그리기 마침

  • 혼합/클릭 모드
    • 마지막 점에서 지도를 두 번 클릭합니다.
    • 다각형의 첫 번째 점을 클릭합니다.
    • 그리기 도구 모음에서 임의의 단추를 클릭합니다.
    • 프로그래밍 방식으로 그리기 모드를 설정합니다.
  • 프리핸드 모드
    • 마우스 단추 또는 터치 포인트에서 손을 뗍니다.
  • C 키를 누릅니다.

그리기 취소

  • Escape 키를 누릅니다.

사각형을 그리는 방법

그리기 관리자가 draw-rectangle 모드인 경우 상호 작용 모드에 따라 다음 작업을 수행하여 지도에 점을 그릴 수 있습니다. 생성된 도형은 직사각형의 확장 GeoJSON 사양을 따릅니다.

그리기 시작

  • 왼쪽 마우스 단추를 누르거나 지도에서 터치하여 직사각형의 첫 번째 모서리를 추가하고 끌어 직사각형을 만듭니다.

그리기 마침

  • 마우스 단추 또는 터치 포인트에서 손을 뗍니다.
  • 프로그래밍 방식으로 그리기 모드를 설정합니다.
  • C 키를 누릅니다.

그리기 취소

  • Escape 키를 누릅니다.

원을 그리는 방법

그리기 관리자가 draw-circle 모드인 경우 상호 작용 모드에 따라 다음 작업을 수행하여 지도에 점을 그릴 수 있습니다. 생성된 도형은 원의 확장 GeoJSON 사양을 따릅니다.

그리기 시작

  • 왼쪽 마우스 단추를 누르거나 지도에서 터치하여 원의 중심을 추가하고 끌어 반지름을 지정합니다.

그리기 마침

  • 마우스 단추 또는 터치 포인트에서 손을 뗍니다.
  • 프로그래밍 방식으로 그리기 모드를 설정합니다.
  • C 키를 누릅니다.

그리기 취소

  • Escape 키를 누릅니다.

바로 가기 키

그리기 도구는 바로 가기 키를 지원합니다. 이러한 바로 가기 키는 맵에 포커스가 있을 때 작동합니다.

키 작업
C 진행 중인 모든 그리기를 완료하고 그리기 모드를 유휴 상태로 설정합니다. 포커스가 최상위 지도 요소로 이동합니다.
Escape 진행 중인 모든 그리기를 취소하고 그리기 모드를 유휴 상태로 설정합니다. 포커스가 최상위 지도 요소로 이동합니다.
F 마우스가 지도 위에 있는 경우 점, 선 또는 다각형에 좌표를 추가합니다. 클릭 또는 혼합 모드에서 지도를 클릭하는 것과 동일한 작업입니다. 이 바로 가기를 사용하면 보다 정확하고 빠르게 그리기를 수행할 수 있습니다. 한 손을 사용하여 마우스를 배치하고 다른 손을 사용하여 누르기 제스처에서 마우스를 움직이지 않고 버튼을 누를 수 있습니다.
Delete 또는 Backspace 편집 모드에서 도형을 선택한 경우 삭제합니다.

다음 단계

그리기 도구 모듈의 클래스에 대해 자세히 알아보세요.

그리기 관리자

그리기 도구 모음