Polygons

다중선 클래스

google.maps.Polyline 클래스

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

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

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

Polyline
Polyline([opts])
매개변수: 
다중선을 그릴 때 사용할 다중선의 경로와 획 스타일을 모두 지정하는 전달된 PolylineOptions를 사용하여 다중선을 만듭니다. 다중선을 생성할 때 LatLng의 배열 또는 LatLngMVCArray를 전달할 수도 있지만, 간단한 배열은 인스턴스화할 때 다중선 내 MVCArray로 변환됩니다.
getDraggable
getDraggable()
매개변수: 없음
반환 값:  boolean
사용자가 이 도형을 드래그할 수 있는지 여부를 반환합니다.
getEditable
getEditable()
매개변수: 없음
반환 값:  boolean
사용자가 이 도형을 수정할 수 있는지 여부를 반환합니다.
getMap
getMap()
매개변수: 없음
반환 값:  Map|null
이 셰이프가 연결된 지도를 반환합니다.
getPath
getPath()
매개변수: 없음
반환 값:  MVCArray<LatLng>
경로를 검색합니다.
getVisible
getVisible()
매개변수: 없음
반환 값:  boolean
지도에 이 폴리곤이 표시되는지 여부를 반환합니다.
setDraggable
setDraggable(draggable)
매개변수: 
  • draggableboolean
반환 값: 없음
true로 설정하면 사용자가 이 도형을 지도 위로 드래그할 수 있습니다. geodesic 속성은 드래그 모드를 정의합니다.
setEditable
setEditable(editable)
매개변수: 
  • editableboolean
반환 값: 없음
true로 설정된 경우 사용자는 꼭짓점 및 각 세그먼트에 표시된 기준점을 드래그하여 이 도형을 수정할 수 있습니다.
setMap
setMap(map)
매개변수: 
  • mapMap optional
반환 값: 없음
지정된 지도에서 이 도형을 렌더링합니다. 지도가 null로 설정되면 도형이 삭제됩니다.
setOptions
setOptions(options)
매개변수: 
반환 값: 없음
setPath
setPath(path)
매개변수: 
반환 값: 없음
경로를 설정합니다. 자세한 내용은 PolylineOptions를 참고하세요.
setVisible
setVisible(visible)
매개변수: 
  • visibleboolean
반환 값: 없음
false로 설정된 경우 이 폴리곤을 숨깁니다.
상속됨: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
인수: 
이 이벤트는 폴리라인에서 DOM click 이벤트가 시작되면 시작됩니다.
contextmenu
function(event)
인수: 
이 이벤트는 Poyline에서 DOM 컨텍스트 메뉴 이벤트가 시작되면 시작됩니다.
dblclick
function(event)
인수: 
이 이벤트는 폴리라인에서 DOM dblclick 이벤트가 시작되면 시작됩니다.
drag
function(event)
인수: 
이 이벤트는 사용자가 다중선을 드래그하는 동안 반복적으로 시작됩니다.
dragend
function(event)
인수: 
이 이벤트는 사용자가 다중선 드래그를 중지하면 시작됩니다.
dragstart
function(event)
인수: 
이 이벤트는 사용자가 다중선 드래그를 시작하면 시작됩니다.
mousedown
function(event)
인수: 
이 이벤트는 폴리라인에서 DOM mousedown 이벤트가 시작되면 시작됩니다.
mousemove
function(event)
인수: 
이 이벤트는 폴리라인에서 DOM mousemove 이벤트가 시작되면 시작됩니다.
mouseout
function(event)
인수: 
이 이벤트는 폴리라인 외부로 마우스를 이동하면 시작됩니다.
mouseover
function(event)
인수: 
이 이벤트는 폴리라인 위로 마우스를 이동하면 시작됩니다.
mouseup
function(event)
인수: 
이 이벤트는 폴리라인에서 DOM mouseup 이벤트가 시작되면 시작됩니다.
rightclick
function(event)
인수: 
이 이벤트는 마우스 오른쪽 버튼으로 폴리라인을 클릭하면 시작됩니다.

다중선 옵션 인터페이스

google.maps.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
순서대로 된 폴리라인의 좌표입니다. 이 경로는 간단한 LatLng 배열 또는 LatLngMVCArray을 사용하여 지정할 수 있습니다. 간단한 배열을 전달하면 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 인터페이스

선에서 아이콘을 렌더링하는 방법을 설명합니다.

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

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])
매개변수: 
다각형의 경로, 다각형 가장자리의 획 스타일, 다각형 내부 영역의 채우기 스타일을 지정하는 전달된 PolygonOptions를 사용하여 다각형을 만듭니다. 다각형에는 하나 이상의 경로가 포함될 수 있으며 각 경로는 LatLng의 배열로 구성됩니다. 이러한 경로를 구성할 때 LatLng의 배열이나 LatLngMVCArray을 전달할 수 있습니다. 배열은 인스턴스화할 때 다각형 내에서 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)
매개변수: 
  • draggableboolean
반환 값: 없음
true로 설정하면 사용자가 이 도형을 지도 위로 드래그할 수 있습니다. geodesic 속성은 드래그 모드를 정의합니다.
setEditable
setEditable(editable)
매개변수: 
  • editableboolean
반환 값: 없음
true로 설정된 경우 사용자는 꼭짓점 및 각 세그먼트에 표시된 기준점을 드래그하여 이 도형을 수정할 수 있습니다.
setMap
setMap(map)
매개변수: 
  • mapMap optional
반환 값: 없음
지정된 지도에서 이 도형을 렌더링합니다. 지도가 null로 설정되면 도형이 삭제됩니다.
setOptions
setOptions(options)
매개변수: 
반환 값: 없음
setPath
setPath(path)
매개변수: 
반환 값: 없음
첫 번째 경로를 설정합니다. 자세한 내용은 PolygonOptions를 참고하세요.
setPaths
setPaths(paths)
반환 값: 없음
이 폴리곤의 경로를 설정합니다.
setVisible
setVisible(visible)
매개변수: 
  • visibleboolean
반환 값: 없음
false로 설정된 경우 이 폴리곤을 숨깁니다.
상속됨: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
인수: 
이 이벤트는 폴리곤에서 DOM click 이벤트가 시작되면 시작됩니다.
contextmenu
function(event)
인수: 
이 이벤트는 다각형에서 DOM 컨텍스트 메뉴 이벤트가 시작되면 시작됩니다.
dblclick
function(event)
인수: 
이 이벤트는 폴리곤에서 DOM dblclick 이벤트가 시작되면 시작됩니다.
drag
function(event)
인수: 
이 이벤트는 사용자가 다각형을 드래그하는 동안 반복적으로 시작됩니다.
dragend
function(event)
인수: 
이 이벤트는 사용자가 폴리곤 드래그를 중지하면 시작됩니다.
dragstart
function(event)
인수: 
이 이벤트는 사용자가 폴리곤을 드래그하기 시작하면 시작됩니다.
mousedown
function(event)
인수: 
이 이벤트는 폴리곤에서 DOM mousedown 이벤트가 시작되면 시작됩니다.
mousemove
function(event)
인수: 
이 이벤트는 폴리곤에서 DOM mousemove 이벤트가 시작되면 시작됩니다.
mouseout
function(event)
인수: 
이 이벤트는 폴리곤 외부로 마우스를 이동하면 시작됩니다.
mouseover
function(event)
인수: 
이 이벤트는 폴리곤 위로 마우스를 이동하면 시작됩니다.
mouseup
function(event)
인수: 
이 이벤트는 폴리곤에서 DOM mouseup 이벤트가 시작되면 시작됩니다.
rightclick
function(event)
인수: 
이 이벤트는 마우스 오른쪽 버튼으로 폴리곤을 클릭하면 시작됩니다.

PolygonOptions 인터페이스

google.maps.PolygonOptions 인터페이스

Polygon에 설정할 수 있는 속성을 정의하는 데 사용되는 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
닫힌 루프를 지정하는, 순서대로 된 좌표입니다. 폴리라인과 달리 폴리곤은 하나 이상의 경로로 구성될 수 있습니다. 따라서 경로 속성은 LatLng 좌표의 배열을 하나 이상 지정할 수 있습니다. 경로는 자동으로 닫힙니다. 경로의 첫 번째 꼭짓점을 마지막 꼭지점으로 반복하지 마세요. 간단한 다각형은 LatLng의 단일 배열을 사용하여 정의할 수 있습니다. 더 복잡한 다각형은 배열의 배열을 지정할 수 있습니다. 간단한 배열은 MVCArray로 변환됩니다. MVCArray에서 LatLng를 삽입하거나 삭제하면 지도의 다각형이 자동으로 업데이트됩니다.
strokeColor optional
유형:  string optional
스트로크 색상입니다. 확장되었으며 이름이 지정된 색상을 제외하고 모든 CSS3 색상이 지원됩니다.
strokeOpacity optional
유형:  number optional
0.0과 1.0 사이의 획 불투명도입니다.
strokePosition optional
유형:  StrokePosition optional
획 위치
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

Rectangle 클래스

google.maps.Rectangle 클래스

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

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

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

Rectangle
Rectangle([opts])
매개변수: 
경계와 스타일을 지정하는 전달된 RectangleOptions를 사용하여 직사각형을 만듭니다.
getBounds
getBounds()
매개변수: 없음
반환 값:  LatLngBounds|null
이 직사각형의 경계를 반환합니다.
getDraggable
getDraggable()
매개변수: 없음
반환 값:  boolean
사용자가 이 직사각형을 드래그할 수 있는지 여부를 반환합니다.
getEditable
getEditable()
매개변수: 없음
반환 값:  boolean
사용자가 이 직사각형을 수정할 수 있는지를 반환합니다.
getMap
getMap()
매개변수: 없음
반환 값:  Map|null
이 직사각형이 표시되는 지도를 반환합니다.
getVisible
getVisible()
매개변수: 없음
반환 값:  boolean
이 직사각형이 지도에 표시되는지 여부를 반환합니다.
setBounds
setBounds(bounds)
매개변수: 
반환 값: 없음
이 직사각형의 경계를 설정합니다.
setDraggable
setDraggable(draggable)
매개변수: 
  • draggableboolean
반환 값: 없음
true로 설정하면 사용자가 이 직사각형을 지도 위로 드래그할 수 있습니다.
setEditable
setEditable(editable)
매개변수: 
  • editableboolean
반환 값: 없음
true로 설정하면 사용자는 모서리와 각 가장자리에 표시된 제어점을 드래그하여 이 직사각형을 수정할 수 있습니다.
setMap
setMap(map)
매개변수: 
  • mapMap optional
반환 값: 없음
지정된 지도에서 직사각형을 렌더링합니다. 지도가 null로 설정되면 직사각형이 삭제됩니다.
setOptions
setOptions(options)
매개변수: 
반환 값: 없음
setVisible
setVisible(visible)
매개변수: 
  • visibleboolean
반환 값: 없음
false로 설정된 경우 이 직사각형을 숨깁니다.
상속됨: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
bounds_changed
function()
인수: 없음
이 이벤트는 직사각형의 경계가 변경되면 시작됩니다.
click
function(event)
인수: 
이 이벤트는 직사각형에서 DOM click 이벤트가 시작되면 시작됩니다.
contextmenu
function(event)
인수: 
이 이벤트는 직사각형에서 DOM 컨텍스트 메뉴 이벤트가 시작되면 시작됩니다.
dblclick
function(event)
인수: 
이 이벤트는 직사각형에서 DOM dblclick 이벤트가 시작되면 시작됩니다.
drag
function(event)
인수: 
이 이벤트는 사용자가 직사각형을 드래그하는 동안 반복적으로 시작됩니다.
dragend
function(event)
인수: 
이 이벤트는 사용자가 직사각형 드래그를 중지하면 시작됩니다.
dragstart
function(event)
인수: 
이 이벤트는 사용자가 직사각형을 드래그하기 시작하면 시작됩니다.
mousedown
function(event)
인수: 
이 이벤트는 직사각형에서 DOM mousedown 이벤트가 시작되면 시작됩니다.
mousemove
function(event)
인수: 
이 이벤트는 직사각형에서 DOM mousemove 이벤트가 시작되면 시작됩니다.
mouseout
function(event)
인수: 
이 이벤트는 직사각형 외부로 마우스를 이동하면 시작됩니다.
mouseover
function(event)
인수: 
이 이벤트는 직사각형 위로 마우스를 가져가면 시작됩니다.
mouseup
function(event)
인수: 
이 이벤트는 직사각형에서 DOM mouseup 이벤트가 시작되면 시작됩니다.
rightclick
function(event)
인수: 
이 이벤트는 직사각형을 마우스 오른쪽 버튼으로 클릭하면 시작됩니다.

RectangleOptions 인터페이스

google.maps.RectangleOptions 인터페이스

RectangleOptions 객체를 정의하며 Rectangle에 설정할 수 있는 속성을 정의합니다.

bounds 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
획 위치
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])
매개변수: 
중심, 반경, 스타일을 지정하는 전달된 CircleOptions를 사용하여 원을 만듭니다.
getBounds
getBounds()
매개변수: 없음
반환 값:  LatLngBounds|null
이 원의 LatLngBounds를 가져옵니다.
getCenter
getCenter()
매개변수: 없음
반환 값:  LatLng|null
이 원의 중심을 반환합니다.
getDraggable
getDraggable()
매개변수: 없음
반환 값:  boolean
사용자가 이 원을 드래그할 수 있는지 여부를 반환합니다.
getEditable
getEditable()
매개변수: 없음
반환 값:  boolean
사용자가 이 원을 수정할 수 있는지 여부를 반환합니다.
getMap
getMap()
매개변수: 없음
반환 값:  Map|null
이 원이 표시되는 지도를 반환합니다.
getRadius
getRadius()
매개변수: 없음
반환 값:  number
이 원의 반경을 반환합니다(미터 단위).
getVisible
getVisible()
매개변수: 없음
반환 값:  boolean
이 원을 지도에 표시할지 여부를 반환합니다.
setCenter
setCenter(center)
매개변수: 
반환 값: 없음
이 원의 중심을 설정합니다.
setDraggable
setDraggable(draggable)
매개변수: 
  • draggableboolean
반환 값: 없음
true로 설정되면 사용자가 이 원을 지도 위로 드래그할 수 있습니다.
setEditable
setEditable(editable)
매개변수: 
  • editableboolean
반환 값: 없음
true로 설정된 경우 사용자는 원의 중심선과 원 둘레에 표시된 기준점을 드래그하여 이 원을 수정할 수 있습니다.
setMap
setMap(map)
매개변수: 
  • mapMap optional
반환 값: 없음
지정된 지도에서 원을 렌더링합니다. 지도가 null로 설정되면 원이 삭제됩니다.
setOptions
setOptions(options)
매개변수: 
반환 값: 없음
setRadius
setRadius(radius)
매개변수: 
  • radiusnumber
반환 값: 없음
이 원의 반경을 설정합니다(미터 단위).
setVisible
setVisible(visible)
매개변수: 
  • visibleboolean
반환 값: 없음
false로 설정된 경우 이 원을 숨깁니다.
상속됨: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
center_changed
function()
인수: 없음
이 이벤트는 원의 중심이 변경되면 시작됩니다.
click
function(event)
인수: 
이 이벤트는 원에서 DOM click 이벤트가 시작되면 시작됩니다.
dblclick
function(event)
인수: 
이 이벤트는 원에서 DOM dblclick 이벤트가 시작되면 시작됩니다.
drag
function(event)
인수: 
이 이벤트는 사용자가 원을 드래그하는 동안 반복적으로 시작됩니다.
dragend
function(event)
인수: 
이 이벤트는 사용자가 원의 드래그를 중지하면 시작됩니다.
dragstart
function(event)
인수: 
이 이벤트는 사용자가 원을 드래그하기 시작하면 시작됩니다.
mousedown
function(event)
인수: 
이 이벤트는 원에서 DOM mousedown 이벤트가 시작되면 시작됩니다.
mousemove
function(event)
인수: 
이 이벤트는 원에서 DOM mousemove 이벤트가 시작되면 시작됩니다.
mouseout
function(event)
인수: 
이 이벤트는 원 외부로 마우스를 이동하면 시작됩니다.
mouseover
function(event)
인수: 
이 이벤트는 원 위로 마우스를 이동하면 시작됩니다.
mouseup
function(event)
인수: 
이 이벤트는 원에서 DOM mouseup 이벤트가 시작되면 시작됩니다.
radius_changed
function()
인수: 없음
이 이벤트는 원의 반지름이 변경되면 시작됩니다.
rightclick
function(event)
인수: 
이 이벤트는 원을 마우스 오른쪽 버튼으로 클릭하면 시작됩니다.

CircleOptions 인터페이스

google.maps.CircleOptions 인터페이스

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

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
획 위치
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 스트로크가 다각형 외부에 있습니다.