Drawing Library

DrawingManager 클래스

google.maps.drawing.DrawingManager 클래스

사용자가 지도에 마커, 다각형, 다중선, 직사각형, 원을 그릴 수 있습니다. DrawingManager의 그리기 모드는 사용자가 만들 오버레이의 유형을 정의합니다. 지도에 컨트롤을 추가하여 사용자가 그리기 모드를 전환할 수 있도록 합니다.

이 클래스는 MVCObject를 확장합니다.

const {DrawingManager} = await google.maps.importLibrary("drawing")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

DrawingManager
DrawingManager([options])
매개변수: 
사용자가 지도에 오버레이를 그리고 그리기 컨트롤을 사용하여 그릴 오버레이 유형 간에 전환할 수 있는 DrawingManager를 만듭니다.
getDrawingMode
getDrawingMode()
매개변수: 없음
반환 값:  OverlayType|null
DrawingManager의 그리기 모드를 반환합니다.
getMap
getMap()
매개변수: 없음
반환 값:  Map
DrawingManager가 연결된 Map(반환된 오버레이가 배치될 Map)을 반환합니다.
setDrawingMode
setDrawingMode(drawingMode)
매개변수: 
반환 값: 없음
지도에 추가할 오버레이 유형을 정의하는 DrawingManager의 그리기 모드를 변경합니다. 허용되는 값은 'marker', 'polygon', 'polyline', 'rectangle', 'circle' 또는 null입니다. 그리기 모드 null은 사용자가 정상적으로 지도와 상호작용할 수 있으며 클릭 시 아무것도 그려지지 않음을 의미합니다.
setMap
setMap(map)
매개변수: 
반환 값: 없음
DrawingManager 객체를 지정된 Map에 연결합니다.
setOptions
setOptions(options)
매개변수: 
반환 값: 없음
DrawingManager의 옵션을 설정합니다.
상속됨: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
인수: 
  • circleCircle 사용자가 방금 그린 원
이 이벤트는 사용자가 원 그리기를 완료하면 시작됩니다.
markercomplete
function(marker)
인수: 
  • markerMarker 사용자가 방금 그린 마커입니다.
이 이벤트는 사용자가 마커 그리기를 완료하면 시작됩니다.
overlaycomplete
function(event)
인수: 
이 이벤트는 사용자가 모든 유형의 오버레이 그리기를 완료하면 시작됩니다.
polygoncomplete
function(polygon)
인수: 
  • polygonPolygon 사용자가 방금 그린 다각형
이 이벤트는 사용자가 다각형 그리기를 완료하면 시작됩니다.
polylinecomplete
function(polyline)
인수: 
  • polylinePolyline 사용자가 방금 그린 다중선입니다.
이 이벤트는 사용자가 다중선 그리기를 완료하면 시작됩니다.
rectanglecomplete
function(rectangle)
인수: 
  • rectangleRectangle 사용자가 방금 그린 직사각형입니다.
이 이벤트는 사용자가 직사각형 그리기를 완료하면 시작됩니다.

DrawingManagerOptions 인터페이스

google.maps.drawing.DrawingManagerOptions 인터페이스

그리기 관리자 옵션

circleOptions optional
유형:  CircleOptions optional
DrawingManager으로 만든 모든 새 서클에 적용하는 옵션입니다. centerradius 속성은 무시되며 새 원의 map 속성은 항상 DrawingManager의 지도로 설정됩니다.
drawingControl optional
유형:  boolean optional
기본값: true
그리기 컨트롤의 사용 설정/사용 중지 상태입니다.
drawingControlOptions optional
유형:  DrawingControlOptions optional
그리기 컨트롤의 표시 옵션입니다.
drawingMode optional
유형:  OverlayType optional
DrawingManager의 그리기 모드로, 지도에 추가할 오버레이 유형을 정의합니다. 허용되는 값은 'marker', 'polygon', 'polyline', 'rectangle', 'circle' 또는 null입니다. 그리기 모드 null은 사용자가 정상적으로 지도와 상호작용할 수 있으며 클릭 시 아무것도 그려지지 않음을 의미합니다.
map optional
유형:  Map optional
DrawingManager가 연결된 Map로, 생성된 오버레이가 배치될 Map입니다.
markerOptions optional
유형:  MarkerOptions optional
DrawingManager로 만든 모든 새 마커에 적용할 옵션입니다. position 속성은 무시되고 새 마커의 map 속성은 항상 DrawingManager의 지도로 설정됩니다.
polygonOptions optional
유형:  PolygonOptions optional
DrawingManager로 만든 모든 새 다각형에 적용하는 옵션입니다. paths 속성은 무시되며 새 다각형의 map 속성은 항상 DrawingManager의 지도로 설정됩니다.
polylineOptions optional
유형:  PolylineOptions optional
DrawingManager로 만든 모든 새 다중선에 적용할 옵션입니다. path 속성은 무시되고 새 다중선의 map 속성은 항상 DrawingManager의 지도로 설정됩니다.
rectangleOptions optional
유형:  RectangleOptions optional
DrawingManager으로 만든 모든 새 직사각형에 적용할 수 있는 옵션입니다. bounds 속성은 무시되며 새 직사각형의 map 속성은 항상 DrawingManager의 지도로 설정됩니다.

DrawingControlOptions 인터페이스

google.maps.drawing.DrawingControlOptions 인터페이스

그리기 컨트롤의 렌더링에 대한 옵션입니다.

drawingModes optional
유형:  Array<OverlayType> optional
그리기 컨트롤에 표시되는 그리기 모드를 그리기 순서대로 표시합니다. 손 그리기 아이콘 (null 그리기 모드에 해당)은 항상 사용할 수 있으며 이 배열에 지정되지 않습니다.
position optional
유형:  ControlPosition optional
위치 ID입니다. 지도에서 컨트롤의 위치를 지정하는 데 사용됩니다.

OverlayCompleteEvent 인터페이스

google.maps.drawing.OverlayCompleteEvent 인터페이스

DrawingManager에 있는 overlaycomplete 이벤트의 속성

overlay
완료된 오버레이
type
유형:  OverlayType
완료된 오버레이의 유형입니다.

OverlayType 상수

google.maps.drawing.OverlayType 상수

DrawingManager에서 만들 수 있는 오버레이의 유형입니다. 값 또는 상수 이름을 사용하여 지정합니다. 예를 들어 'polygon' 또는 google.maps.drawing.OverlayType.POLYGON입니다.

const {OverlayType} = await google.maps.importLibrary("drawing")를 호출하여 액세스합니다. Maps JavaScript API의 라이브러리를 참고하세요.

CIRCLE DrawingManager가 원을 만들고 overlaycomplete 이벤트에 지정된 오버레이가 원임을 지정합니다.
MARKER DrawingManager에서 마커를 만들고 overlaycomplete 이벤트에 지정된 오버레이가 마커임을 지정합니다.
POLYGON DrawingManager가 다각형을 만들고 overlaycomplete 이벤트에 지정된 오버레이가 다각형임을 지정합니다.
POLYLINE DrawingManager가 다중선을 만들고 overlaycomplete 이벤트에 지정된 오버레이가 다중선임을 지정합니다.
RECTANGLE DrawingManager가 직사각형을 만들고 overlaycomplete 이벤트에 지정된 오버레이가 직사각형임을 지정합니다.