본문으로 건너뛰기

Interface: MapMarkerProps

Properties

clickable

Optional clickable: boolean

클릭 가능한 마커

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:109


draggable

Optional draggable: boolean

드래그 가능한 마커, 로드뷰에 올릴 경우에는 유효하지 않다.

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:104


image

Optional image: Object

Type declaration

NameTypeDescription
options?{ alt?: string ; coords?: string ; offset?: { x: number ; y: number } ; shape?: "circle" | "rect" | "default" | "poly" ; spriteOrigin?: { x: number ; y: number } ; spriteSize?: { height: number ; width: number } }-
options.alt?string마커 이미지의 alt 속성값을 정의한다.
options.coords?string마커의 클릭 또는 마우스오버 가능한 영역을 표현하는 좌표값
options.offset?{ x: number ; y: number }마커의 좌표에 일치시킬 이미지 안의 좌표 (기본값: 이미지의 가운데 아래)
options.offset.xnumber-
options.offset.ynumber-
options.shape?"circle" | "rect" | "default" | "poly"마커의 클릭 또는 마우스오버 가능한 영역의 모양
options.spriteOrigin?{ x: number ; y: number }스프라이트 이미지 중 사용할 영역의 좌상단 좌표
options.spriteOrigin.xnumber-
options.spriteOrigin.ynumber-
options.spriteSize?{ height: number ; width: number }스프라이트 이미지의 전체 크기
options.spriteSize.heightnumber-
options.spriteSize.widthnumber-
size{ height: number ; width: number }표시 이미지 크기
size.heightnumber-
size.widthnumber-
srcstring표시 이미지 src

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:19


infoWindowOptions

Optional infoWindowOptions: Object

InfoWindow 옵션

Type declaration

NameTypeDescription
disableAutoPan?boolean인포윈도우를 열 때 지도가 자동으로 패닝하지 않을지의 여부 (기본값: false)
removable?boolean삭제 가능한 인포윈도우
zIndex?number인포윈도우 엘리먼트의 z-index 속성 값

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:124


onClick

Optional onClick: (marker: Marker) => void

Type declaration

▸ (marker): void

click 이벤트 핸들러

Parameters
NameType
markerMarker
Returns

void

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:69


onCreate

Optional onCreate: (maker: Marker) => void

Type declaration

▸ (maker): void

Maker 생성 이벤트 핸들러

Parameters
NameType
makerMarker
Returns

void

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:94


onDragEnd

Optional onDragEnd: (marker: Marker) => void

Type declaration

▸ (marker): void

dragend 이벤트 핸들러

Parameters
NameType
markerMarker
Returns

void

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:89


onDragStart

Optional onDragStart: (marker: Marker) => void

Type declaration

▸ (marker): void

dragstart 이벤트 핸들러

Parameters
NameType
markerMarker
Returns

void

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:84


onMouseOut

Optional onMouseOut: (marker: Marker) => void

Type declaration

▸ (marker): void

mouseout 이벤트 핸들러

Parameters
NameType
markerMarker
Returns

void

Defined in

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


onMouseOver

Optional onMouseOver: (marker: Marker) => void

Type declaration

▸ (marker): void

mouseover 이벤트 핸들러

Parameters
NameType
markerMarker
Returns

void

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:74


opacity

Optional opacity: number

마커 투명도 (0-1)

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:119


position

position: { lat: number ; lng: number } | { x: number ; y: number }

표시 위치

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:9


title

Optional title: string

마커 엘리먼트의 타이틀 속성 값 (툴팁)

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:99


zIndex

Optional zIndex: number

마커 엘리먼트의 z-index 속성 값

Defined in

packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:114