Interface: RoadviewMarkerProps
Properties
altitude
• Optional altitude: number
로드뷰에 올라있는 마커의 높이 값(m 단위)
Defined in
packages/react-kakao-maps-sdk/src/components/RoadviewMarker.tsx:137
clickable
• Optional clickable: boolean
클릭 가능한 마커
Defined in
packages/react-kakao-maps-sdk/src/components/RoadviewMarker.tsx:122
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/RoadviewMarker.tsx:37
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/RoadviewMarker.tsx:147
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/RoadviewMarker.tsx:87
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/RoadviewMarker.tsx:112
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/RoadviewMarker.tsx:107
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/RoadviewMarker.tsx:102
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/RoadviewMarker.tsx:97
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/RoadviewMarker.tsx:92
opacity
• Optional opacity: number
마커 투명도 (0-1)
Defined in
packages/react-kakao-maps-sdk/src/components/RoadviewMarker.tsx:132
position
• position: { lat: number ; lng: number } | { x: number ; y: number } | { pan: number ; panoId?: number ; tilt: number ; zoom?: number }
표시 위치
Defined in
packages/react-kakao-maps-sdk/src/components/RoadviewMarker.tsx:9
range
• Optional range: number
로드뷰 상에서 마커의 가시반경(m 단위), 두 지점 사이의 거리가 지정한 값보다 멀어지면 마커는 로드뷰에서 보이지 않게 된다.
Defined in
packages/react-kakao-maps-sdk/src/components/RoadviewMarker.tsx:142
title
• Optional title: string
마커 엘리먼트의 타이틀 속성 값 (툴팁)
Defined in
packages/react-kakao-maps-sdk/src/components/RoadviewMarker.tsx:117
zIndex
• Optional zIndex: number
마커 엘리먼트의 z-index 속성 값
Defined in
packages/react-kakao-maps-sdk/src/components/RoadviewMarker.tsx:127