동작하기 | 카카오모빌리티 디벨로퍼스

중심점 이동하기 링크 복사

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

예시 코드 중심점 이동하기

- (void)moveAnchor{
    if(self->centerAnchor) {
        [self->mapView animateCamera:[KNMapCameraUpdate anchorTo:FloatPointMake(0.5, 0.8)] duration:animationTime withUserLocation:false];
    }
    else{
        [self->mapView animateCamera:[KNMapCameraUpdate anchorTo:FloatPointMake(0.5, 0.5)] duration:animationTime withUserLocation:false];
    }
    self->centerAnchor = !self->centerAnchor;
}
- (void)moveAnchor{
    if(self->centerAnchor) {
        [self->mapView animateCamera:[KNMapCameraUpdate anchorTo:FloatPointMake(0.5, 0.8)] duration:animationTime withUserLocation:false];
    }
    else{
        [self->mapView animateCamera:[KNMapCameraUpdate anchorTo:FloatPointMake(0.5, 0.5)] duration:animationTime withUserLocation:false];
    }
    self->centerAnchor = !self->centerAnchor;
}

코드가 숨겨졌습니다.

화면 확대(줌 인)하기 링크 복사

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

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

// 화면을 두 배로 확대
- (void)zoomIn{
    float zoom = self->mapView.zoom;
    [self->mapView animateCamera:[KNMapCameraUpdate zoomTo:zoom * 0.5] duration:animationTime withUserLocation:false];
}
// 화면을 두 배로 확대
- (void)zoomIn{
    float zoom = self->mapView.zoom;
    [self->mapView animateCamera:[KNMapCameraUpdate zoomTo:zoom * 0.5] duration:animationTime withUserLocation:false];
}

코드가 숨겨졌습니다.

화면 축소(줌 아웃)하기 링크 복사

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

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

// 화면을 두 배로 축소
- (void)zoomOut{
    float zoom = self->mapView.zoom;
    [self->mapView animateCamera:[KNMapCameraUpdate zoomTo:zoom * 2.0] duration:animationTime withUserLocation:false];
}
// 화면을 두 배로 축소
- (void)zoomOut{
    float zoom = self->mapView.zoom;
    [self->mapView animateCamera:[KNMapCameraUpdate zoomTo:zoom * 2.0] duration:animationTime withUserLocation:false];
}

코드가 숨겨졌습니다.

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

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

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

- (void)birdView{
    [self->mapView animateCamera:[KNMapCameraUpdate tiltTo:50.0] duration:animationTime withUserLocation:false];
}
- (void)birdView{
    [self->mapView animateCamera:[KNMapCameraUpdate tiltTo:50.0] duration:animationTime withUserLocation:false];
}

코드가 숨겨졌습니다.

탑 뷰(Top view)로 전환하기 링크 복사

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

예시 코드 탑 뷰로 전환하기

- (void)topView{
    [self->mapView animateCamera:[KNMapCameraUpdate tiltTo:0.0] duration:animationTime withUserLocation:false];
}
- (void)topView{
    [self->mapView animateCamera:[KNMapCameraUpdate tiltTo:0.0] duration:animationTime withUserLocation:false];
}

코드가 숨겨졌습니다.

지도 회전하기 링크 복사

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

예시 코드 지도 회전하기

// 화면을 45도 회전
- (void)rotate{
    float bearing = self->mapView.bearing;
    [self->mapView animateCamera:[KNMapCameraUpdate bearingTo:bearing + 45.0] duration:animationTime withUserLocation:false];
}
// 화면을 45도 회전
- (void)rotate{
    float bearing = self->mapView.bearing;
    [self->mapView animateCamera:[KNMapCameraUpdate bearingTo:bearing + 45.0] duration:animationTime withUserLocation:false];
}

코드가 숨겨졌습니다.

도형 그리기

위치 표시하기