공지사항: 새로운 기본 지도 스타일이 곧 Google Maps Platform에 제공될 예정입니다. 이 지도 스타일 지정 업데이트에는 새로운 기본 색상 팔레트, 현대화된 핀, 지도 환경 및 사용성 개선사항이 포함됩니다. 모든 지도 스타일이 2025년 3월에 자동으로 업데이트됩니다. 사용 가능 여부 및 더 일찍 선택하는 방법에 대한 자세한 내용은 Google Maps Platform용 새로운 지도 스타일을 참고하세요.

이 페이지는 Cloud Translation API를 통해 번역되었습니다.

Polygons

Polyline 클래스

google.maps.Polyline 클래스

폴리라인은 지도에 있는 연결된 선분의 선형 오버레이입니다.

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

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

생성자
`Polyline`	`Polyline([opts])` 매개변수: `opts`: `PolylineOptions optional` 전달된 `PolylineOptions`를 사용하여 다중선의 경로와 다중선을 그릴 때 사용할 획 스타일을 모두 지정하는 다중선을 만듭니다. 다중선을 구성할 때 `LatLng` 배열 또는 `LatLng`의 `MVCArray`를 전달할 수 있지만, 간단한 배열은 인스턴스화 시 다중선 내에서 `MVCArray`로 변환됩니다.

생성자

Polyline

Polyline([opts])

매개변수:

opts: PolylineOptions optional

전달된 PolylineOptions를 사용하여 다중선의 경로와 다중선을 그릴 때 사용할 획 스타일을 모두 지정하는 다중선을 만듭니다. 다중선을 구성할 때 LatLng 배열 또는 LatLng의 MVCArray를 전달할 수 있지만, 간단한 배열은 인스턴스화 시 다중선 내에서 MVCArray로 변환됩니다.

메서드
`getDraggable`	`getDraggable()` 매개변수: 없음 반환 값: `boolean` 사용자가 이 도형을 드래그할 수 있는지를 반환합니다.
`getEditable`	`getEditable()` 매개변수: 없음 반환 값: `boolean` 사용자가 이 도형을 수정할 수 있는지를 반환합니다.
`getMap`	`getMap()` 매개변수: 없음 반환 값: `Map\|null` 이 도형이 첨부된 지도를 반환합니다.
`getPath`	`getPath()` 매개변수: 없음 반환 값: `MVCArray<LatLng>` 경로를 검색합니다.
`getVisible`	`getVisible()` 매개변수: 없음 반환 값: `boolean` 이 다각형이 지도에 표시되는지 여부를 반환합니다.
`setDraggable`	`setDraggable(draggable)` 매개변수: `draggable`: `boolean` 반환 값: 없음 `true`로 설정하면 사용자가 이 도형을 지도 위로 드래그할 수 있습니다. `geodesic` 속성은 드래그 모드를 정의합니다.
`setEditable`	`setEditable(editable)` 매개변수: `editable`: `boolean` 반환 값: 없음 `true`로 설정하면 사용자는 정점과 각 세그먼트에 표시된 제어점을 드래그하여 이 도형을 수정할 수 있습니다.
`setMap`	`setMap(map)` 매개변수: `map`: `Map optional` 반환 값: 없음 지정된 지도에 이 도형을 렌더링합니다. 맵이 `null`로 설정되면 도형이 삭제됩니다.
`setOptions`	`setOptions(options)` 매개변수: `options`: `PolylineOptions optional` 반환 값: 없음
`setPath`	`setPath(path)` 매개변수: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` 반환 값: 없음 경로를 설정합니다. 자세한 내용은 `PolylineOptions`를 참고하세요.
`setVisible`	`setVisible(visible)` 매개변수: `visible`: `boolean` 반환 값: 없음 `false`로 설정하면 이 다각형을 숨깁니다.
상속: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

이벤트
`click`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리라인에서 DOM click 이벤트가 시작되면 시작됩니다.
`contextmenu`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 Poyline에서 DOM contextmenu 이벤트가 실행될 때 실행됩니다.
`dblclick`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리라인에서 DOM dblclick 이벤트가 시작되면 시작됩니다.
`drag`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 다중선 객체를 드래그하는 동안 반복적으로 실행됩니다.
`dragend`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 다중선 드래그를 중지하면 실행됩니다.
`dragstart`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 다중선 드래그를 시작하면 실행됩니다.
`mousedown`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리라인에서 DOM mousedown 이벤트가 시작되면 시작됩니다.
`mousemove`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리라인에서 DOM mousemove 이벤트가 시작되면 시작됩니다.
`mouseout`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리라인 외부로 마우스를 이동하면 시작됩니다.
`mouseover`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리라인 위로 마우스를 이동하면 시작됩니다.
`mouseup`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리라인에서 DOM mouseup 이벤트가 시작되면 시작됩니다.
`rightclick`	지원 중단됨: macOS의 컨트롤-클릭과 같은 사용 패턴을 지원하려면 대신 `Polyline.contextmenu` 이벤트를 사용하세요. `function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 마우스 오른쪽 버튼으로 폴리라인을 클릭하면 시작됩니다.

PolylineOptions 인터페이스

google.maps.PolylineOptions 인터페이스

다중선에 설정할 수 있는 속성을 정의하는 데 사용되는 PolylineOptions 객체입니다.

속성
`clickable optional`	유형: `boolean optional` 기본값: `true` 이 `Polyline`가 마우스 이벤트를 처리하는지 여부를 나타냅니다.
`draggable optional`	유형: `boolean optional` 기본값: `false` `true`로 설정하면 사용자가 이 도형을 지도 위로 드래그할 수 있습니다. `geodesic` 속성은 드래그 모드를 정의합니다.
`editable optional`	유형: `boolean optional` 기본값: `false` `true`로 설정하면 사용자는 정점과 각 세그먼트에 표시된 제어점을 드래그하여 이 도형을 수정할 수 있습니다.
`geodesic optional`	유형: `boolean optional` 기본값: `false` `true`인 경우 다각형의 가장자리가 측지 라인으로 해석되어 지구의 곡선을 따릅니다. `false`인 경우 다각형의 가장자리가 화면 공간에서 직선으로 렌더링됩니다. 크기가 지구 표면을 기준으로 유지되므로 최단 거리 다각형의 모양은 드래그할 때 변경된 것처럼 보일 수 있습니다.
`icons optional`	유형: `Array<IconSequence> optional` 다중선에 따라 렌더링할 아이콘입니다.
`map optional`	유형: `Map optional` 폴리라인을 표시할 지도입니다.
`path optional`	유형: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral> optional` 순서대로 된 폴리라인의 좌표입니다. 이 경로는 `LatLng`의 간단한 배열 또는 `LatLng`의 `MVCArray`를 사용하여 지정할 수 있습니다. 단순 배열을 전달하면 `MVCArray`로 변환됩니다. `MVCArray`에 LatLng를 삽입하거나 삭제하면 지도의 다중선이 자동으로 업데이트됩니다.
`strokeColor optional`	유형: `string optional` 획 색상입니다. 확장되었으며 이름이 지정된 색상을 제외하고 모든 CSS3 색상이 지원됩니다.
`strokeOpacity optional`	유형: `number optional` 0.0과 1.0 사이의 획 불투명도입니다.
`strokeWeight optional`	유형: `number optional` 픽셀 단위의 스트로크 너비입니다.
`visible optional`	유형: `boolean optional` 기본값: `true` 이 다중선이 지도에 표시되는지 여부입니다.
`zIndex optional`	유형: `number optional` 다른 폴리라인/폴리곤과 비교한 zIndex입니다.

IconSequence 인터페이스

google.maps.IconSequence 인터페이스

아이콘이 선에 렌더링되는 방식을 설명합니다.

다중선이 최단 거리인 경우 오프셋 및 반복에 지정된 거리는 기본적으로 미터 단위로 계산됩니다. offset 또는 repeat를 픽셀 값으로 설정하면 거리가 화면의 픽셀 단위로 계산됩니다.

속성
`fixedRotation optional`	유형: `boolean optional` 기본값: `false` `true`인 경우 시퀀스의 각 아이콘은 아이콘이 있는 가장자리의 각도와 관계없이 동일한 고정 회전을 갖습니다. `false`인 경우 시퀀스의 각 아이콘이 가장자리에 정렬되도록 회전됩니다.
`icon optional`	유형: `Symbol optional` 선에 렌더링할 아이콘입니다.
`offset optional`	유형: `string optional` 기본값: `'100%'` 아이콘이 렌더링될 선의 시작 부분으로부터의 거리입니다. 이 거리는 선 길이의 비율 (예: '50%') 또는 픽셀 (예: '50px')로 표현할 수 있습니다.
`repeat optional`	유형: `string optional` 기본값: `0` 선 위의 연속적인 아이콘 사이의 거리입니다. 이 거리는 선 길이의 비율 (예: '50%') 또는 픽셀 (예: '50px')로 표현할 수 있습니다. 아이콘을 반복하지 않으려면 '0'으로 지정하세요.

Polygon 클래스

google.maps.Polygon 클래스

다각형 (다중선과 마찬가지로)은 순서가 지정된 일련의 연결된 좌표를 정의합니다. 또한 다각형은 닫힌 루프를 형성하고 채워진 영역을 정의합니다. 개발자 가이드의 샘플을 참고하세요. 단순 다각형, 구멍이 있는 다각형 등 다양한 샘플을 확인할 수 있습니다. 데이터 영역을 사용하여 다각형을 만들 수도 있습니다. 데이터 영역은 안쪽과 바깥쪽 경로의 순서를 자동으로 처리하므로 구멍을 더 간단하게 만들 수 있습니다.

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

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

생성자
`Polygon`	`Polygon([opts])` 매개변수: `opts`: `PolygonOptions optional` 전달된 `PolygonOptions`를 사용하여 다각형을 만듭니다. 이 `PolygonOptions`는 다각형의 경로, 다각형의 가장자리 획 스타일, 다각형의 내부 영역 채우기 스타일을 지정합니다. 다각형은 하나 이상의 경로를 포함할 수 있으며 각 경로는 `LatLng` 배열로 구성됩니다. 이러한 경로를 구성할 때 LatLng 배열 또는 `LatLng` 배열 `MVCArray`를 전달할 수 있습니다. 배열은 인스턴스화 시 다각형 내에서 `MVCArray`로 변환됩니다.

생성자

Polygon

Polygon([opts])

매개변수:

opts: PolygonOptions optional

전달된 PolygonOptions를 사용하여 다각형을 만듭니다. 이 PolygonOptions는 다각형의 경로, 다각형의 가장자리 획 스타일, 다각형의 내부 영역 채우기 스타일을 지정합니다. 다각형은 하나 이상의 경로를 포함할 수 있으며 각 경로는 LatLng 배열로 구성됩니다. 이러한 경로를 구성할 때 LatLng 배열 또는 LatLng 배열 MVCArray를 전달할 수 있습니다. 배열은 인스턴스화 시 다각형 내에서 MVCArray로 변환됩니다.

메서드
`getDraggable`	`getDraggable()` 매개변수: 없음 반환 값: `boolean` 사용자가 이 도형을 드래그할 수 있는지를 반환합니다.
`getEditable`	`getEditable()` 매개변수: 없음 반환 값: `boolean` 사용자가 이 도형을 수정할 수 있는지를 반환합니다.
`getMap`	`getMap()` 매개변수: 없음 반환 값: `Map\|null` 이 도형이 첨부된 지도를 반환합니다.
`getPath`	`getPath()` 매개변수: 없음 반환 값: `MVCArray<LatLng>` 첫 번째 경로를 가져옵니다.
`getPaths`	`getPaths()` 매개변수: 없음 반환 값: `MVCArray<MVCArray<LatLng>>` 이 다각형의 경로를 가져옵니다.
`getVisible`	`getVisible()` 매개변수: 없음 반환 값: `boolean` 이 다각형이 지도에 표시되는지 여부를 반환합니다.
`setDraggable`	`setDraggable(draggable)` 매개변수: `draggable`: `boolean` 반환 값: 없음 `true`로 설정하면 사용자가 이 도형을 지도 위로 드래그할 수 있습니다. `geodesic` 속성은 드래그 모드를 정의합니다.
`setEditable`	`setEditable(editable)` 매개변수: `editable`: `boolean` 반환 값: 없음 `true`로 설정하면 사용자는 정점과 각 세그먼트에 표시된 제어점을 드래그하여 이 도형을 수정할 수 있습니다.
`setMap`	`setMap(map)` 매개변수: `map`: `Map optional` 반환 값: 없음 지정된 지도에 이 도형을 렌더링합니다. 맵이 `null`로 설정되면 도형이 삭제됩니다.
`setOptions`	`setOptions(options)` 매개변수: `options`: `PolygonOptions optional` 반환 값: 없음
`setPath`	`setPath(path)` 매개변수: `path`: `MVCArray<LatLng>\|Array<LatLng\|LatLngLiteral>` 반환 값: 없음 첫 번째 경로를 설정합니다. 자세한 내용은 `PolygonOptions`를 참고하세요.
`setPaths`	`setPaths(paths)` 매개변수: `paths`: `MVCArray<MVCArray<LatLng>>\|MVCArray<LatLng>\|Array<Array<LatLng\|LatLngLiteral>>\|Array<LatLng\|LatLngLiteral>` 반환 값: 없음 이 다각형의 경로를 설정합니다.
`setVisible`	`setVisible(visible)` 매개변수: `visible`: `boolean` 반환 값: 없음 `false`로 설정하면 이 다각형을 숨깁니다.
상속: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

이벤트
`click`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리곤에서 DOM click 이벤트가 시작되면 시작됩니다.
`contextmenu`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 다각형에서 DOM contextmenu 이벤트가 실행될 때 실행됩니다.
`dblclick`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리곤에서 DOM dblclick 이벤트가 시작되면 시작됩니다.
`drag`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 다각형을 드래그하는 동안 반복적으로 실행됩니다.
`dragend`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 다각형 드래그를 중지하면 실행됩니다.
`dragstart`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 다각형을 드래그하기 시작하면 실행됩니다.
`mousedown`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리곤에서 DOM mousedown 이벤트가 시작되면 시작됩니다.
`mousemove`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리곤에서 DOM mousemove 이벤트가 시작되면 시작됩니다.
`mouseout`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리곤 외부로 마우스를 이동하면 시작됩니다.
`mouseover`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리곤 위로 마우스를 이동하면 시작됩니다.
`mouseup`	`function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 폴리곤에서 DOM mouseup 이벤트가 시작되면 시작됩니다.
`rightclick`	지원 중단됨: macOS의 컨트롤-클릭과 같은 사용 패턴을 지원하려면 대신 `Polygon.contextmenu` 이벤트를 사용하세요. `function(event)` 인수: `event`: `PolyMouseEvent` 이 이벤트는 마우스 오른쪽 버튼으로 폴리곤을 클릭하면 시작됩니다.

PolygonOptions 인터페이스

google.maps.PolygonOptions 인터페이스

다각형에 설정할 수 있는 속성을 정의하는 데 사용되는 PolygonOptions 객체입니다.

속성
`clickable optional`	유형: `boolean optional` 기본값: `true` 이 `Polygon`가 마우스 이벤트를 처리하는지 여부를 나타냅니다.
`draggable optional`	유형: `boolean optional` 기본값: `false` `true`로 설정하면 사용자가 이 도형을 지도 위로 드래그할 수 있습니다. `geodesic` 속성은 드래그 모드를 정의합니다.
`editable optional`	유형: `boolean optional` 기본값: `false` `true`로 설정하면 사용자는 정점과 각 세그먼트에 표시된 제어점을 드래그하여 이 도형을 수정할 수 있습니다.
`fillColor optional`	유형: `string optional` 채우기 색상입니다. 확장되었으며 이름이 지정된 색상을 제외하고 모든 CSS3 색상이 지원됩니다.
`fillOpacity optional`	유형: `number optional` 0.0과 1.0 사이의 채우기 불투명도입니다.
`geodesic optional`	유형: `boolean optional` 기본값: `false` `true`인 경우 다각형의 가장자리가 측지 라인으로 해석되어 지구의 곡선을 따릅니다. `false`인 경우 다각형의 가장자리가 화면 공간에서 직선으로 렌더링됩니다. 크기가 지구 표면을 기준으로 유지되므로 최단 거리 다각형의 모양은 드래그할 때 변경된 것처럼 보일 수 있습니다.
`map optional`	유형: `Map optional` 폴리곤을 표시할 지도입니다.
`paths optional`	유형: `MVCArray<MVCArray<LatLng>>\|MVCArray<LatLng>\|Array<Array<LatLng\|LatLngLiteral>>\|Array<LatLng\|LatLngLiteral> optional` 닫힌 루프를 지정하는, 순서대로 된 좌표입니다. 폴리라인과 달리 폴리곤은 하나 이상의 경로로 구성될 수 있습니다. 따라서 paths 속성은 `LatLng` 좌표의 배열을 하나 이상 지정할 수 있습니다. 경로는 자동으로 닫힙니다. 경로의 첫 번째 꼭짓점을 마지막 꼭짓점으로 반복하지 마세요. 간단한 다각형은 `LatLng`의 단일 배열을 사용하여 정의할 수 있습니다. 더 복잡한 다각형은 배열 배열을 지정할 수 있습니다. 모든 단순 배열은 `MVCArray`로 변환됩니다. `MVCArray`에서 `LatLng`를 삽입하거나 삭제하면 지도의 다각형이 자동으로 업데이트됩니다.
`strokeColor optional`	유형: `string optional` 획 색상입니다. 확장되었으며 이름이 지정된 색상을 제외하고 모든 CSS3 색상이 지원됩니다.
`strokeOpacity optional`	유형: `number optional` 0.0과 1.0 사이의 획 불투명도입니다.
`strokePosition optional`	유형: `StrokePosition optional` 기본값: `StrokePosition.CENTER` 획 위치입니다.
`strokeWeight optional`	유형: `number optional` 픽셀 단위의 스트로크 너비입니다.
`visible optional`	유형: `boolean optional` 기본값: `true` 이 다각형을 지도에 표시할지 여부입니다.
`zIndex optional`	유형: `number optional` 다른 폴리라인/폴리곤과 비교한 zIndex입니다.

PolyMouseEvent 인터페이스

google.maps.PolyMouseEvent 인터페이스

이 객체는 다중선 및 다각형의 마우스 이벤트에서 반환됩니다.

이 인터페이스는 MapMouseEvent를 확장합니다.

속성
`edge optional`	유형: `number optional` 이벤트가 수정 가능한 다각형의 중간 지점에서 발생한 경우 이벤트가 발생했을 때 커서 아래의 경로 내 가장자리의 색인입니다.
`path optional`	유형: `number optional` 이벤트가 정점에서 발생했고 다각형을 수정할 수 있는 경우 이벤트가 발생했을 때 커서 아래에 있는 경로의 색인입니다. 그 외의 경우에는 `undefined`입니다.
`vertex optional`	유형: `number optional` 이벤트가 정점에서 발생했고 다중선 또는 다각형을 수정할 수 있는 경우 이벤트가 발생했을 때 커서 아래에 있는 정점의 색인입니다. 이벤트가 정점에서 발생하지 않으면 값은 `undefined`입니다.
상속: `domEvent`, `latLng`

메서드
상속: `stop`

직사각형 클래스

google.maps.Rectangle 클래스

직사각형 오버레이입니다.

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

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

생성자
`Rectangle`	`Rectangle([opts])` 매개변수: `opts`: `RectangleOptions optional` 경계와 스타일을 지정하는 전달된 `RectangleOptions`를 사용하여 직사각형을 만듭니다.

메서드
`getBounds`	`getBounds()` 매개변수: 없음 반환 값: `LatLngBounds\|null` 이 직사각형의 경계를 반환합니다.
`getDraggable`	`getDraggable()` 매개변수: 없음 반환 값: `boolean` 사용자가 이 직사각형을 드래그할 수 있는지 여부를 반환합니다.
`getEditable`	`getEditable()` 매개변수: 없음 반환 값: `boolean` 사용자가 이 직사각형을 수정할 수 있는지 여부를 반환합니다.
`getMap`	`getMap()` 매개변수: 없음 반환 값: `Map\|null` 이 직사각형이 표시되는 지도를 반환합니다.
`getVisible`	`getVisible()` 매개변수: 없음 반환 값: `boolean` 이 직사각형이 지도에 표시되는지 여부를 반환합니다.
`setBounds`	`setBounds(bounds)` 매개변수: `bounds`: `LatLngBounds\|LatLngBoundsLiteral optional` 반환 값: 없음 이 직사각형의 경계를 설정합니다.
`setDraggable`	`setDraggable(draggable)` 매개변수: `draggable`: `boolean` 반환 값: 없음 `true`로 설정하면 사용자가 이 직사각형을 지도 위로 드래그할 수 있습니다.
`setEditable`	`setEditable(editable)` 매개변수: `editable`: `boolean` 반환 값: 없음 `true`로 설정하면 사용자는 모서리와 각 가장자리에 표시된 제어점을 드래그하여 이 직사각형을 수정할 수 있습니다.
`setMap`	`setMap(map)` 매개변수: `map`: `Map optional` 반환 값: 없음 지정된 지도에서 직사각형을 렌더링합니다. 지도가 `null`로 설정되면 직사각형이 삭제됩니다.
`setOptions`	`setOptions(options)` 매개변수: `options`: `RectangleOptions optional` 반환 값: 없음
`setVisible`	`setVisible(visible)` 매개변수: `visible`: `boolean` 반환 값: 없음 `false`로 설정하면 이 직사각형을 숨깁니다.
상속: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

이벤트
`bounds_changed`	`function()` 인수: 없음 이 이벤트는 직사각형의 경계가 변경될 때 실행됩니다.
`click`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 직사각형에서 DOM 클릭 이벤트가 실행될 때 실행됩니다.
`contextmenu`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 직사각형에서 DOM contextmenu 이벤트가 실행될 때 실행됩니다.
`dblclick`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 직사각형에서 DOM dblclick 이벤트가 실행될 때 실행됩니다.
`drag`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 직사각형을 드래그하는 동안 반복적으로 실행됩니다.
`dragend`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 직사각형 드래그를 중지하면 실행됩니다.
`dragstart`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 직사각형을 드래그하기 시작하면 실행됩니다.
`mousedown`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 직사각형에서 DOM mousedown 이벤트가 실행될 때 실행됩니다.
`mousemove`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 직사각형에서 DOM mousemove 이벤트가 실행될 때 실행됩니다.
`mouseout`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 직사각형 마우스 아웃 시 발생합니다.
`mouseover`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 직사각형 마우스오버 시 실행됩니다.
`mouseup`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 직사각형에서 DOM 마우스업 이벤트가 실행될 때 실행됩니다.
`rightclick`	지원 중단됨: macOS의 컨트롤-클릭과 같은 사용 패턴을 지원하려면 대신 `Rectangle.contextmenu` 이벤트를 사용하세요. `function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 직사각형을 마우스 오른쪽 버튼으로 클릭할 때 발생합니다.

RectangleOptions 인터페이스

google.maps.RectangleOptions 인터페이스

Rectangle에 설정할 수 있는 속성을 정의하는 데 사용되는 RectangleOptions 객체입니다.

속성
`bounds optional`	유형: `LatLngBounds\|LatLngBoundsLiteral optional` 경계입니다.
`clickable optional`	유형: `boolean optional` 기본값: `true` 이 `Rectangle`가 마우스 이벤트를 처리하는지 여부를 나타냅니다.
`draggable optional`	유형: `boolean optional` 기본값: `false` `true`로 설정하면 사용자가 이 직사각형을 지도 위로 드래그할 수 있습니다.
`editable optional`	유형: `boolean optional` 기본값: `false` `true`로 설정하면 사용자는 모서리와 각 가장자리에 표시된 제어점을 드래그하여 이 직사각형을 수정할 수 있습니다.
`fillColor optional`	유형: `string optional` 채우기 색상입니다. 확장되었으며 이름이 지정된 색상을 제외하고 모든 CSS3 색상이 지원됩니다.
`fillOpacity optional`	유형: `number optional` 0.0과 1.0 사이의 채우기 불투명도입니다.
`map optional`	유형: `Map optional` 직사각형을 표시할 지도입니다.
`strokeColor optional`	유형: `string optional` 획 색상입니다. 확장되었으며 이름이 지정된 색상을 제외하고 모든 CSS3 색상이 지원됩니다.
`strokeOpacity optional`	유형: `number optional` 0.0과 1.0 사이의 획 불투명도입니다.
`strokePosition optional`	유형: `StrokePosition optional` 기본값: `StrokePosition.CENTER` 획 위치입니다.
`strokeWeight optional`	유형: `number optional` 픽셀 단위의 스트로크 너비입니다.
`visible optional`	유형: `boolean optional` 기본값: `true` 이 직사각형이 지도에 표시되는지 여부입니다.
`zIndex optional`	유형: `number optional` 다른 폴리라인/폴리곤과 비교한 zIndex입니다.

Circle 클래스

google.maps.Circle 클래스

지구 표면의 원으로 '구형 캡'이라고도 합니다.

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

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

생성자
`Circle`	`Circle([circleOrCircleOptions])` 매개변수: `circleOrCircleOptions`: `Circle\|CircleLiteral\|CircleOptions optional` 전달된 `CircleOptions`를 사용하여 원을 만듭니다. 이 `CircleOptions`는 중심, 반지름, 스타일을 지정합니다.

메서드
`getBounds`	`getBounds()` 매개변수: 없음 반환 값: `LatLngBounds\|null` 이 원(Circle)의 `LatLngBounds`를 가져옵니다.
`getCenter`	`getCenter()` 매개변수: 없음 반환 값: `LatLng\|null` 이 원의 중심을 반환합니다.
`getDraggable`	`getDraggable()` 매개변수: 없음 반환 값: `boolean` 사용자가 이 원을 드래그할 수 있는지 여부를 반환합니다.
`getEditable`	`getEditable()` 매개변수: 없음 반환 값: `boolean` 사용자가 이 원을 수정할 수 있는지 여부를 반환합니다.
`getMap`	`getMap()` 매개변수: 없음 반환 값: `Map\|null` 이 원이 표시되는 지도를 반환합니다.
`getRadius`	`getRadius()` 매개변수: 없음 반환 값: `number` 이 원의 반경을 반환합니다(미터 단위).
`getVisible`	`getVisible()` 매개변수: 없음 반환 값: `boolean` 이 원이 지도에 표시되는지 여부를 반환합니다.
`setCenter`	`setCenter(center)` 매개변수: `center`: `LatLng\|LatLngLiteral optional` 반환 값: 없음 이 원의 중심을 설정합니다.
`setDraggable`	`setDraggable(draggable)` 매개변수: `draggable`: `boolean` 반환 값: 없음 `true`로 설정하면 사용자가 이 원을 지도 위로 드래그할 수 있습니다.
`setEditable`	`setEditable(editable)` 매개변수: `editable`: `boolean` 반환 값: 없음 `true`로 설정하면 사용자는 원 중심과 원 둘레에 표시된 제어점을 드래그하여 이 원을 수정할 수 있습니다.
`setMap`	`setMap(map)` 매개변수: `map`: `Map optional` 반환 값: 없음 지정된 지도에서 원을 렌더링합니다. 지도가 `null`로 설정되면 원이 삭제됩니다.
`setOptions`	`setOptions(options)` 매개변수: `options`: `CircleOptions optional` 반환 값: 없음
`setRadius`	`setRadius(radius)` 매개변수: `radius`: `number` 반환 값: 없음 이 원의 반경을 설정합니다(미터 단위).
`setVisible`	`setVisible(visible)` 매개변수: `visible`: `boolean` 반환 값: 없음 `false`로 설정하면 이 원을 숨깁니다.
상속: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

이벤트
`center_changed`	`function()` 인수: 없음 이 이벤트는 원의 중심이 변경될 때 실행됩니다.
`click`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 원 위에서 DOM 클릭 이벤트가 실행될 때 실행됩니다.
`dblclick`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 원 위에서 DOM 더블클릭 이벤트가 실행될 때 실행됩니다.
`drag`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 원을 드래그하는 동안 반복적으로 실행됩니다.
`dragend`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 원을 드래그하는 것을 중지하면 실행됩니다.
`dragstart`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 사용자가 원을 드래그하기 시작하면 실행됩니다.
`mousedown`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 원 위에서 DOM mousedown 이벤트가 실행될 때 발생합니다.
`mousemove`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 원 위에서 DOM mousemove 이벤트가 실행될 때 실행됩니다.
`mouseout`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 원 마우스 아웃 시 발생합니다.
`mouseover`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 원 마우스오버 시 실행됩니다.
`mouseup`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 원 위에서 DOM 마우스업 이벤트가 실행될 때 실행됩니다.
`radius_changed`	`function()` 인수: 없음 이 이벤트는 원 원의 반경이 변경될 때 실행됩니다.
`rightclick`	`function(event)` 인수: `event`: `MapMouseEvent` 이 이벤트는 원을 마우스 오른쪽 버튼으로 클릭할 때 발생합니다.

CircleOptions 인터페이스

google.maps.CircleOptions 인터페이스

Circle에 설정할 수 있는 속성을 정의하는 데 사용되는 CircleOptions 객체입니다.

속성
`center optional`	유형: `LatLng\|LatLngLiteral optional` 원의 중심입니다.
`clickable optional`	유형: `boolean optional` 기본값: `true` 이 `Circle`가 마우스 이벤트를 처리하는지 여부를 나타냅니다.
`draggable optional`	유형: `boolean optional` 기본값: `false` `true`로 설정하면 사용자가 이 원을 지도 위로 드래그할 수 있습니다.
`editable optional`	유형: `boolean optional` 기본값: `false` `true`로 설정하면 사용자는 원 중심과 원 둘레에 표시된 제어점을 드래그하여 이 원을 수정할 수 있습니다.
`fillColor optional`	유형: `string optional` 채우기 색상입니다. 확장되었으며 이름이 지정된 색상을 제외하고 모든 CSS3 색상이 지원됩니다.
`fillOpacity optional`	유형: `number optional` 0.0과 1.0 사이의 채우기 불투명도입니다.
`map optional`	유형: `Map optional` 원을 표시할 지도입니다.
`radius optional`	유형: `number optional` 지구 표면의 반경(미터)입니다.
`strokeColor optional`	유형: `string optional` 획 색상입니다. 확장되었으며 이름이 지정된 색상을 제외하고 모든 CSS3 색상이 지원됩니다.
`strokeOpacity optional`	유형: `number optional` 0.0과 1.0 사이의 획 불투명도입니다.
`strokePosition optional`	유형: `StrokePosition optional` 기본값: `StrokePosition.CENTER` 획 위치입니다.
`strokeWeight optional`	유형: `number optional` 픽셀 단위의 스트로크 너비입니다.
`visible optional`	유형: `boolean optional` 기본값: `true` 이 원이 지도에 표시되는지 여부입니다.
`zIndex optional`	유형: `number optional` 다른 폴리라인/폴리곤과 비교한 zIndex입니다.

StrokePosition 상수

google.maps.StrokePosition 상수

다각형에서 획이 있을 수 있는 위치입니다.

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

상수
`CENTER`	획은 다각형의 경로를 중심으로 획의 절반은 다각형 내부에 있고 절반은 다각형 외부에 있습니다.
`INSIDE`	획이 다각형 내에 있습니다.
`OUTSIDE`	획이 다각형 외부에 있습니다.

Polygons

Polyline 클래스

생성자

메서드

이벤트

PolylineOptions 인터페이스

속성

IconSequence 인터페이스

속성

Polygon 클래스

생성자

메서드

이벤트

PolygonOptions 인터페이스

속성

PolyMouseEvent 인터페이스

속성

메서드

직사각형 클래스

생성자

메서드

이벤트

RectangleOptions 인터페이스

속성

Circle 클래스

생성자

메서드

이벤트

CircleOptions 인터페이스

속성

StrokePosition 상수

상수