• 동작하기
  • 중심점 이동하기
  • 화면 확대(줌 인)하기
  • 화면 축소(줌 아웃)하기
  • 버드 아이 뷰(Bird's eye view)로 전환하기
  • 탑 뷰(Top view)로 전환하기
  • 지도 회전하기

중심점 이동하기

KNMapCameraUpdate 클래스의 anchorTo 함수를 이용하여 화면의 중심점을 이동할 수 있습니다. 정중앙 값(0.5, 0.5)에서 값을 조정하여 중심점을 이동해 보세요. 화면의 값은 (x축, y축)으로 표시되며 왼쪽 아래의 모서리 값은 (0, 0), 오른쪽 위의 모서리 값은 (1, 1)입니다. 오른쪽으로 이동 시 x축 +0.1, 위쪽으로 이동 시 y축 +0.1을 합니다.

예시 코드 중심점 이동하기

private fun moveAnchor() {
    mapView.animateCamera(if (mapView.anchor.y == 0.5f) {
        KNMapCameraUpdate.anchorTo(FloatPoint(0.5f, 0.8f))
    } else {
        KNMapCameraUpdate.anchorTo(FloatPoint(0.5f, 0.5f))
    }, animTime, false)
}
private fun moveAnchor() {
    mapView.animateCamera(if (mapView.anchor.y == 0.5f) {
        KNMapCameraUpdate.anchorTo(FloatPoint(0.5f, 0.8f))
    } else {
        KNMapCameraUpdate.anchorTo(FloatPoint(0.5f, 0.5f))
    }, animTime, false)
}

코드가 숨겨졌습니다.

화면 확대(줌 인)하기

KNMapCameraUpdate 클래스의 zoomTo 함수를 이용하여 화면을 확대(줌 인)할 수 있습니다.

예시 코드 화면 확대(줌 인)하기

private fun zoomIn() {
    mapView.animateCamera(KNMapCameraUpdate.zoomTo( mapView.zoom * .5f), animTime, false)
}
private fun zoomIn() {
    mapView.animateCamera(KNMapCameraUpdate.zoomTo( mapView.zoom * .5f), animTime, false)
}

코드가 숨겨졌습니다.

화면 축소(줌 아웃)하기

KNMapCameraUpdate 클래스의 zoomTo 함수를 이용하여 화면을 축소(줌 아웃)할 수 있습니다.

예시 코드 화면 축소(줌 아웃)하기

private fun zoomOut() {
    mapView.animateCamera(KNMapCameraUpdate.zoomTo( mapView.zoom * 2f), animTime, false)
}
private fun zoomOut() {
    mapView.animateCamera(KNMapCameraUpdate.zoomTo( mapView.zoom * 2f), animTime, false)
}

코드가 숨겨졌습니다.

버드 아이 뷰(Bird's eye view)로 전환하기

KNMapCameraUpdate 클래스의 tiltTo 함수를 이용하여 원근감과 입체감이 느껴지는 버드 아이 뷰 화면으로 설정할 수 있습니다.

예시 코드 버드 아이 뷰로 전환하기

private fun birdView() {
    if (mapView.tilt == 50f) return
    mapView.animateCamera(KNMapCameraUpdate.tiltTo(50f), animTime, false)
}
private fun birdView() {
    if (mapView.tilt == 50f) return
    mapView.animateCamera(KNMapCameraUpdate.tiltTo(50f), animTime, false)
}

코드가 숨겨졌습니다.

탑 뷰(Top view)로 전환하기

KNMapCameraUpdate 클래스의 tiltTo 함수를 이용하여 평면적으로 지도를 내려다보는 듯한 탑 뷰 화면으로 설정할 수 있습니다.

예시 코드 탑 뷰로 전환하기

private fun topView() {
    if (mapView.tilt == 0f) return
    mapView.animateCamera(KNMapCameraUpdate.tiltTo(0f), animTime, false)
}
private fun topView() {
    if (mapView.tilt == 0f) return
    mapView.animateCamera(KNMapCameraUpdate.tiltTo(0f), animTime, false)
}

코드가 숨겨졌습니다.

지도 회전하기

KNMapCameraUpdate 클래스의 bearingTo 함수를 이용하여 지도를 설정한 각도만큼 회전할 수 있습니다. 회전 설정이 가능한 범위는 0에서 360이며 현재 지도의 위치를 중심으로 회전합니다.

예시 코드 지도 회전하기

private fun rotate() {
    mapView.animateCamera(KNMapCameraUpdate.bearingTo(mapView.bearing + 45f % 360f), animTime, false)
}
private fun rotate() {
    mapView.animateCamera(KNMapCameraUpdate.bearingTo(mapView.bearing + 45f % 360f), animTime, false)
}

코드가 숨겨졌습니다.