Skip to main content

Interface: MapProps

Properties

center

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

중심으로 설정할 위치 입니다.

Defined in

src/components/Map.tsx:29


className

Optional className: string

MapContainer의 className에 대해서 지정합니다.

Defined in

src/components/Map.tsx:19


disableDoubleClick

Optional disableDoubleClick: boolean

더블클릭 이벤트 및 더블클릭 확대 가능 여부

Defined in

src/components/Map.tsx:90


disableDoubleClickZoom

Optional disableDoubleClickZoom: boolean

더블클릭 확대 가능 여부

Defined in

src/components/Map.tsx:95


draggable

Optional draggable: boolean

마우스 드래그, 휠, 모바일 터치를 이용한 시점 변경(이동, 확대, 축소) 가능 여부

Defined in

src/components/Map.tsx:75


id

Optional id: string

MapContinaer의 id에 대해서 지정합니다.

Defined in

src/components/Map.tsx:14


isPanto

Optional isPanto: boolean

중심을 이동시킬때 Panto를 사용할지 정합니다.

Default

false

Defined in

src/components/Map.tsx:43


keyboardShortcuts

Optional keyboardShortcuts: boolean | { speed: number }

키보드의 방향키와 +, – 키로 지도 이동,확대,축소 가능 여부 (기본값: false)

Defined in

src/components/Map.tsx:110


level

Optional level: number

확대 수준 (기본값: 3)

Defined in

src/components/Map.tsx:55


mapTypeId

Optional mapTypeId: MapTypeId

지도 종류 (기본값: 일반 지도)

Defined in

src/components/Map.tsx:70


maxLevel

Optional maxLevel: number

최대 확대 수준

Defined in

src/components/Map.tsx:60


minLevel

Optional minLevel: number

최소 확대 수준

Defined in

src/components/Map.tsx:65


onBoundsChanged

Optional onBoundsChanged: (target: Map) => void

Type declaration

▸ (target): void

지도 영역이 변경되면 발생한다.

Parameters
NameType
targetMap
Returns

void

Defined in

src/components/Map.tsx:142


onCenterChanged

Optional onCenterChanged: (target: Map) => void

Type declaration

▸ (target): void

중심 좌표가 변경되면 발생한다.

Parameters
NameType
targetMap
Returns

void

Defined in

src/components/Map.tsx:127


onClick

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

Type declaration

▸ (target, mouseEvent): void

지도를 클릭하면 발생한다.

Parameters
NameType
targetMap
mouseEventMouseEvent
Returns

void

Defined in

src/components/Map.tsx:147


onCreate

Optional onCreate: (map: Map) => void

Type declaration

▸ (map): void

map 생성 후 해당 객체를 전달하는 함수

Parameters
NameType
mapMap
Returns

void

Defined in

src/components/Map.tsx:122


onDoubleClick

Optional onDoubleClick: (target: Map, mouseEvent: MouseEvent) => void

Type declaration

▸ (target, mouseEvent): void

지도를 더블클릭하면 발생한다.

Parameters
NameType
targetMap
mouseEventMouseEvent
Returns

void

Defined in

src/components/Map.tsx:155


onDrag

Optional onDrag: (target: Map, mouseEvent: MouseEvent) => void

Type declaration

▸ (target, mouseEvent): void

드래그를 하는 동안 발생한다.

Parameters
NameType
targetMap
mouseEventMouseEvent
Returns

void

Defined in

src/components/Map.tsx:187


onDragEnd

Optional onDragEnd: (target: Map, mouseEvent: MouseEvent) => void

Type declaration

▸ (target, mouseEvent): void

드래그가 끝날 때 발생한다.

Parameters
NameType
targetMap
mouseEventMouseEvent
Returns

void

Defined in

src/components/Map.tsx:195


onDragStart

Optional onDragStart: (target: Map, mouseEvent: MouseEvent) => void

Type declaration

▸ (target, mouseEvent): void

드래그를 시작할 때 발생한다.

Parameters
NameType
targetMap
mouseEventMouseEvent
Returns

void

Defined in

src/components/Map.tsx:179


onIdle

Optional onIdle: (target: Map) => void

Type declaration

▸ (target): void

중심 좌표나 확대 수준이 변경되면 발생한다. 단, 애니메이션 도중에는 발생하지 않는다.

Parameters
NameType
targetMap
Returns

void

Defined in

src/components/Map.tsx:204


onMaptypeidChanged

Optional onMaptypeidChanged: (target: Map) => void

Type declaration

▸ (target): void

지도 기본 타일(일반지도, 스카이뷰, 하이브리드)이 변경되면 발생한다.

Parameters
NameType
targetMap
Returns

void

Defined in

src/components/Map.tsx:215


onMouseMove

Optional onMouseMove: (target: Map, mouseEvent: MouseEvent) => void

Type declaration

▸ (target, mouseEvent): void

지도에서 마우스 커서를 이동하면 발생한다.

Parameters
NameType
targetMap
mouseEventMouseEvent
Returns

void

Defined in

src/components/Map.tsx:171


onRightClick

Optional onRightClick: (target: Map, mouseEvent: MouseEvent) => void

Type declaration

▸ (target, mouseEvent): void

지도를 마우스 오른쪽 버튼으로 클릭하면 발생한다.

Parameters
NameType
targetMap
mouseEventMouseEvent
Returns

void

Defined in

src/components/Map.tsx:163


onTileLoaded

Optional onTileLoaded: (target: Map) => void

Type declaration

▸ (target): void

확대수준이 변경되거나 지도가 이동했을때 타일 이미지 로드가 모두 완료되면 발생한다. 지도이동이 미세하기 일어나 타일 이미지 로드가 일어나지 않은경우 발생하지 않는다.

Parameters
NameType
targetMap
Returns

void

Defined in

src/components/Map.tsx:210


onZoomChanged

Optional onZoomChanged: (target: Map) => void

Type declaration

▸ (target): void

확대 수준이 변경되면 발생한다.

Parameters
NameType
targetMap
Returns

void

Defined in

src/components/Map.tsx:137


onZoomStart

Optional onZoomStart: (target: Map) => void

Type declaration

▸ (target): void

확대 수준이 변경되기 직전 발생한다.

Parameters
NameType
targetMap
Returns

void

Defined in

src/components/Map.tsx:132


padding

Optional padding: number

중심 좌표를 지정한 좌표 또는 영역으로 부드럽게 이동한다. 필요하면 확대 또는 축소도 수행한다. 만약 이동할 거리가 지도 화면의 크기보다 클 경우 애니메이션 없이 이동한다. padding 만큼 제외하고 영역을 계산하며, padding 을 지정하지 않으면 기본값으로 32가 사용된다.

Defined in

src/components/Map.tsx:50


projectionId

Optional projectionId: string

투영법 지정 (기본값: kakao.maps.ProjectionId.WCONG)

Defined in

src/components/Map.tsx:100


scrollwheel

Optional scrollwheel: boolean

마우스 휠, 모바일 터치를 이용한 확대 및 축소 가능 여부

Defined in

src/components/Map.tsx:85


style

Optional style: CSSProperties

MapContainer의 style에 대해서 지정합니다.

Defined in

src/components/Map.tsx:24


tileAnimation

Optional tileAnimation: boolean

지도 타일 애니메이션 설정 여부 (기본값: true)

Defined in

src/components/Map.tsx:105


zoomable

Optional zoomable: boolean

마우스 휠이나 멀티터치로 지도 확대, 축소 기능을 막습니다. 상황에 따라 지도 확대, 축소 기능을 제어할 수 있습니다.

Defined in

src/components/Map.tsx:80