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
| Name | Type | Description |
|---|---|---|
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.x | number | - |
options.offset.y | number | - |
options.shape? | "circle" | "rect" | "default" | "poly" | 마커의 클릭 또는 마우스오버 가능한 영역의 모양 |
options.spriteOrigin? | { x: number ; y: number } | 스프라이트 이미지 중 사용할 영역의 좌상단 좌표 |
options.spriteOrigin.x | number | - |
options.spriteOrigin.y | number | - |
options.spriteSize? | { height: number ; width: number } | 스프라이트 이미지의 전체 크기 |
options.spriteSize.height | number | - |
options.spriteSize.width | number | - |
size | { height: number ; width: number } | 표시 이미지 크기 |
size.height | number | - |
size.width | number | - |
src | string | 표시 이미지 src |
Defined in
packages/react-kakao-maps-sdk/src/components/MapMarker.tsx:19
infoWindowOptions
• Optional infoWindowOptions: Object
InfoWindow 옵션
Type declaration
| Name | Type | Description |
|---|---|---|
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
| Name | Type |
|---|---|
marker | Marker |
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
| Name | Type |
|---|---|
maker | Marker |
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
| Name | Type |
|---|---|
marker | Marker |
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
| Name | Type |
|---|---|
marker | Marker |
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
| Name | Type |
|---|---|
marker | Marker |
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
| Name | Type |
|---|---|
marker | Marker |
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