Interface: MapProps
Properties
center
• center: { lat: number ; lng: number } | { x: number ; y: number }
중심으로 설정할 위치 입니다.
Defined in
className
• Optional className: string
MapContainer의 className에 대해서 지정합니다.
Defined in
disableDoubleClick
• Optional disableDoubleClick: boolean
더블클릭 이벤트 및 더블클릭 확대 가능 여부
Defined in
disableDoubleClickZoom
• Optional disableDoubleClickZoom: boolean
더블클릭 확대 가능 여부
Defined in
draggable
• Optional draggable: boolean
마우스 드래그, 휠, 모바일 터치를 이용한 시점 변경(이동, 확대, 축소) 가능 여부
Defined in
id
• Optional id: string
MapContinaer의 id에 대해서 지정합니다.
Defined in
isPanto
• Optional isPanto: boolean
중심을 이동시킬때 Panto를 사용할지 정합니다.
Default
false
Defined in
keyboardShortcuts
• Optional keyboardShortcuts: boolean | { speed: number }
키보드의 방향키와 +, – 키로 지도 이동,확대,축소 가능 여부 (기본값: false)
Defined in
level
• Optional level: number
확대 수준 (기본값: 3)
Defined in
mapTypeId
• Optional mapTypeId: MapTypeId
지도 종류 (기본값: 일반 지도)
Defined in
maxLevel
• Optional maxLevel: number
최대 확대 수준
Defined in
minLevel
• Optional minLevel: number
최소 확대 수준
Defined in
onBoundsChanged
• Optional onBoundsChanged: (target: Map) => void
Type declaration
▸ (target): void
지도 영역이 변경되면 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
Returns
void
Defined in
onCenterChanged
• Optional onCenterChanged: (target: Map) => void
Type declaration
▸ (target): void
중심 좌표가 변경되면 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
Returns
void
Defined in
onClick
• Optional onClick: (target: Map, mouseEvent: MouseEvent) => void
Type declaration
▸ (target, mouseEvent): void
지도를 클릭하면 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
mouseEvent | MouseEvent |
Returns
void
Defined in
onCreate
• Optional onCreate: (map: Map) => void
Type declaration
▸ (map): void
map 생성 후 해당 객체를 전달하는 함수
Parameters
| Name | Type |
|---|---|
map | Map |
Returns
void
Defined in
onDoubleClick
• Optional onDoubleClick: (target: Map, mouseEvent: MouseEvent) => void
Type declaration
▸ (target, mouseEvent): void
지도를 더블클릭하면 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
mouseEvent | MouseEvent |
Returns
void
Defined in
onDrag
• Optional onDrag: (target: Map, mouseEvent: MouseEvent) => void
Type declaration
▸ (target, mouseEvent): void
드래그를 하는 동안 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
mouseEvent | MouseEvent |
Returns
void
Defined in
onDragEnd
• Optional onDragEnd: (target: Map, mouseEvent: MouseEvent) => void
Type declaration
▸ (target, mouseEvent): void
드래그가 끝날 때 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
mouseEvent | MouseEvent |
Returns
void
Defined in
onDragStart
• Optional onDragStart: (target: Map, mouseEvent: MouseEvent) => void
Type declaration
▸ (target, mouseEvent): void
드래그를 시작할 때 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
mouseEvent | MouseEvent |
Returns
void
Defined in
onIdle
• Optional onIdle: (target: Map) => void
Type declaration
▸ (target): void
중심 좌표나 확대 수준이 변경되면 발생한다. 단, 애니메이션 도중에는 발생하지 않는다.
Parameters
| Name | Type |
|---|---|
target | Map |
Returns
void
Defined in
onMaptypeidChanged
• Optional onMaptypeidChanged: (target: Map) => void
Type declaration
▸ (target): void
지도 기본 타일(일반지도, 스카이뷰, 하이브리드)이 변경되면 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
Returns
void
Defined in
onMouseMove
• Optional onMouseMove: (target: Map, mouseEvent: MouseEvent) => void
Type declaration
▸ (target, mouseEvent): void
지도에서 마우스 커서를 이동하면 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
mouseEvent | MouseEvent |
Returns
void
Defined in
onRightClick
• Optional onRightClick: (target: Map, mouseEvent: MouseEvent) => void
Type declaration
▸ (target, mouseEvent): void
지도를 마우스 오른쪽 버튼으로 클릭하면 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
mouseEvent | MouseEvent |
Returns
void
Defined in
onTileLoaded
• Optional onTileLoaded: (target: Map) => void
Type declaration
▸ (target): void
확대수준이 변경되거나 지도가 이동했을때 타일 이미지 로드가 모두 완료되면 발생한다. 지도이동이 미세하기 일어나 타일 이미지 로드가 일어나지 않은경우 발생하지 않는다.
Parameters
| Name | Type |
|---|---|
target | Map |
Returns
void
Defined in
onZoomChanged
• Optional onZoomChanged: (target: Map) => void
Type declaration
▸ (target): void
확대 수준이 변경되면 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
Returns
void
Defined in
onZoomStart
• Optional onZoomStart: (target: Map) => void
Type declaration
▸ (target): void
확대 수준이 변경되기 직전 발생한다.
Parameters
| Name | Type |
|---|---|
target | Map |
Returns
void
Defined in
padding
• Optional padding: number
중심 좌표를 지정한 좌표 또는 영역으로 부드럽게 이동한다. 필요하면 확대 또는 축소도 수행한다. 만약 이동할 거리가 지도 화면의 크기보다 클 경우 애니메이션 없이 이동한다. padding 만큼 제외하고 영역을 계산하며, padding 을 지정하지 않으면 기본값으로 32가 사용된다.
Defined in
projectionId
• Optional projectionId: string
투영법 지정 (기본값: kakao.maps.ProjectionId.WCONG)
Defined in
scrollwheel
• Optional scrollwheel: boolean
마우스 휠, 모바일 터치를 이용한 확대 및 축소 가능 여부
Defined in
style
• Optional style: CSSProperties
MapContainer의 style에 대해서 지정합니다.
Defined in
tileAnimation
• Optional tileAnimation: boolean
지도 타일 애니메이션 설정 여부 (기본값: true)
Defined in
zoomable
• Optional zoomable: boolean
마우스 휠이나 멀티터치로 지도 확대, 축소 기능을 막습니다. 상황에 따라 지도 확대, 축소 기능을 제어할 수 있습니다.