본문으로 건너뛰기

Type alias: MapProps

Ƭ MapProps: Object

Type declaration

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

Defined in

src/components/Map.tsx:11