본문으로 건너뛰기

Interface: CircleProps

Properties​

center​

• center: Object

중심 좌표를 지정합니다.

Type declaration​

NameType
latnumber
lngnumber

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:10


fillColor​

• Optional fillColor: string

#xxxxxx 형태의 채움 색 (기본값: ‘#F10000’)

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:22


fillOpacity​

• Optional fillOpacity: number

채움 불투명도 (0-1) (기본값: 0)

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:26


onClick​

• Optional onClick: (target: Circle, mouseEvent: MouseEvent) => void

Type declaration​

▸ (target, mouseEvent): void

원을 클릭하면 발생한다.

Parameters​
NameType
targetCircle
mouseEventMouseEvent
Returns​

void

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:79


onCreate​

• Optional onCreate: (target: Circle) => void

Type declaration​

▸ (target): void

객체 생성시 호출 됩니다.

Parameters​
NameType
targetCircle
Returns​

void

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:87


onMousedown​

• Optional onMousedown: (target: Circle, mouseEvent: MouseEvent) => void

Type declaration​

▸ (target, mouseEvent): void

원에서 마우스 버튼을 누르면 발생한다.

Parameters​
NameType
targetCircle
mouseEventMouseEvent
Returns​

void

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:72


onMousemove​

• Optional onMousemove: (target: Circle, mouseEvent: MouseEvent) => void

Type declaration​

▸ (target, mouseEvent): void

원에서 마우스를 움직이면 발생한다.

Parameters​
NameType
targetCircle
mouseEventMouseEvent
Returns​

void

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:65


onMouseout​

• Optional onMouseout: (target: Circle, mouseEvent: MouseEvent) => void

Type declaration​

▸ (target, mouseEvent): void

마우스 커서가 원에서 벗어나면 발생한다.

Parameters​
NameType
targetCircle
mouseEventMouseEvent
Returns​

void

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:58


onMouseover​

• Optional onMouseover: (target: Circle, mouseEvent: MouseEvent) => void

Type declaration​

▸ (target, mouseEvent): void

원에 마우스 커서를 올리면 발생한다.

Parameters​
NameType
targetCircle
mouseEventMouseEvent
Returns​

void

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:51


radius​

• radius: number

원의 반지름 크기를 지정합니다 (미터 단위).

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:17


strokeColor​

• Optional strokeColor: string

#xxxxxx 형태의 선 색 (기본값: ‘#F10000’)

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:34


strokeOpacity​

• Optional strokeOpacity: number

선 불투명도 (0-1) (기본값: 0.6)

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:38


strokeStyle​

• Optional strokeStyle: StrokeStyles

선 스타일 (기본값: ‘solid’)

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:42


strokeWeight​

• Optional strokeWeight: number

픽셀 단위의 선 두께 (기본값: 3)

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:30


zIndex​

• Optional zIndex: number

원의 z-index 속성 값

Defined in​

packages/react-kakao-maps-sdk/src/components/Circle.tsx:46