Lomohome.com :: 괴발자 모근원


안녕하세요 모근원입니다.


2011년. 그러니까 4년전에 iOS5 와 맞추어 새로 등장한 알림센터에 일정을 표시해주던 어플 '일정목록' 을 만들어서 앱스토어에 올렸었습니다.


http://lomohome.com/382



그리고 약 1년후에 애플에 의하여 강제 삭제.. 를 당했었는데요. (알림센터에 위젯이란게 없던시절.. 알림센터에 노티를 이용하여 정보를 남기는것은 사용법 위반)


http://lomohome.com/394


한동안 업무도 바쁘고 이 앱은 쳐다도 보지 못하다가.. 최근에 애플와치를 구입하게 되었습니다.


애플와치에 일정표시하는방법이 맘에 들지않아 iOS9 (Watch os2) 출시 이전에 애플와치용 일정목록 앱을 만들게되면서 


첫 작업으로, 예전 일정목록 앱을 위젯으로 복각 해서 오늘 심사가 통과되었습니다.


3년만의 업데이트라.. 예전앱을 기억하실지 모르겟지만.. 사용법이야 똑같구요.


현재 개발이 거진 완성된 다음버전은 iOS9 (Watch os2)로 나올 예정입니다. 그리고 애플워치 지원과 함께 Tier1 유료 (0.99 아 한국은.. 1.09인가요) 로 판매해볼 계획이니


무료인 지금 다운받으셔서 좋은리뷰 하나씩 남겨주시면 감사하겠습니다 ^^;











앱스토어 링크 : 

https://itunes.apple.com/kr/app/events-widget-events-on-today/id470828213?l=ko&ls=1&mt=8 (한국스토어)

https://itunes.apple.com/us/app/events-widget-events-on-today/id470828213?l=us&ls=1&mt=8 (미국스토어)











** 일부 사용자들에게서 아이폰과 워치가 앱이 연동이 안되는 버그가 있습니다. 애플의 watch os 2 버그로 보입니다 ㅠ 다음을 시도해주세요.


1. 일정위젯을 아이폰에서 삭제하고 아이폰과 애플와치를 모두 껏다 켭니다.

2. 일정위젯을 다시 앱스토어에 받으시고 애플워치에도 설치해주세요. 

3. 먼저 일정위젯을 아이폰에서 실행합니다. 애플워치에선 아직 실행하지마세요.

4. 아이폰에서 캘린더, 연락처 접근권한을 물어보게 되면 허락해주시구요 

5. 그다음 워치앱을 실행시킨다음 2~3분을 기다려주세요.

6. 표시할 일정이 없다고 나오다가 일정이 표시되기 시작하면 아이폰 일정위젯 앱에서 워치부분 설정을 변경하여 입맛에 맞게 설정을 변경합니다.

Posted by 모근원
  1. 이전 댓글 더보기

Day:
예쁘고 간편한 디데이 알리미

아이콘 태생부터 우여곡절이 많았던 디데이 앱입니다 ㅠ
오늘 새벽에 앱스토어에 Ready for Sale 되어
블로그에 글 남겨 봅니다 ㅎ


개발자 등록하고 첫 어플인 '일정 목록' 을 만들게 된것은 개인적으로 필요해서 만들어 쓰다가 
너무 꼼수를 많이 부려 정식 앱스토어는 못올라갈것 같았습니다.
그래서 그냥 한번 올려나 봤는데 우연히 얻어 걸려 등록 된것이고..

두번째 앱스토어 등록 앱인 Day: 도 여자친구와 기념일을 카운트 하다가 
다른 D-Day 앱들중 내가 필요한 기능만 뽑아서 간편히 만들어볼 생각으로 만들게 된 앱입니다.

어플 개발 초반부터 아이콘에 대한 고민을 많이 했는데
무조건 심플하고 이쁜 아이콘을 만들고 싶어 초안을 만들어 몇몇 친한 친구들에게 평가를 부탁했지만
 

결과는 참담했습니다. 다들 반응이 너무 촌스럽다 복잡하다 뭐하는건지 모르겠다.. ㅎㅎ

그래서 수정에 수정에 수정을 겪은 뒤에 심플한 최종 아이콘이 나오고 (컨셉은 D - day 입니다 ㅎㅎ)
어플도 친구들의 의견을 최대한 반영해서 약 2주정도 작업을 했습니다.

일본어 버전 번역은 친한친구 박동안님께서 수고해주셨구요 ㅎ


영어는 제가 대충 번역기 돌려 했는데.. 조만간 미국인친구에게 부탁해야겠네요 ㅎ 


그리고 애플에 심사를 올렸는데…

리젝하고 올리고 리젝하고 올리고 리젝당하고 올리고 리젝당하고 올리고 리젝당하고 올리고 ㅠㅠ
어줍잖은 어플 심사해준 사과님께 감사 ㅋ
 
리젝 사유가… 3.4 설치된 어플이름과 iTunes 어플이름이 다르다고…

iTunes에 등록된 어플 이름은 D-Day 였는데
설치되면 Day 만 표시된다고 리젝당하고…

그래서 어플이름을 Day : 로 통일한다음 다시 올렸더니
어플 이름 뒤에 설명이 들어가있어서 키워드로 빼라고 다시 리젝..

그당시 제출한 어플 이름이
Day : Simple and Beautiful D-Day reminder - 예쁘고 간편한 디데이 알리미
였는데 뒤에 한글 설명이 문제가 되었습니다.

한글 사용자들 검색때문에 넣어둔것이었는데 
이전 앱은 잘 통과되더니.. 리뷰어 제대로 된통 걸렸다 싶었습니다.

그래서 그부분을 다시 키워드로 빼놓고
다시 올리니 이틀만에 승인이 났네요 ㅎ 

일단 어플 자체는 굉장히 심플하지만 개발하면서 새로운 부분 공부한것도 많고
새로운 기술을 적용한 부분도 많아서 알아주신다면 감사하겠습니다 ^^; 
기술적인 부분보다도 예쁜 어플 화면에 집중한것도 있구요.. 폰트라던지.. 
아직 버그도 많고 추가해야겠다고 예정만 하고 아직 들어있지 않은 기능도 많지만
많이 다운받아 주시고 격려의 한말씀 부탁드릴게요 ㅎㅎ

Posted by 모근원
  1. 이전 댓글 더보기

- 개인적인 용도로 요약한 글이라 글에서는 경어체를 사용하지 않습니다. 양해부탁드립니다.

- 회사에서 진행하고 있는 프로젝트와 관련이 있어 과도한 모자이크가 있습니다. 양해부탁드립니다.
- Mac 의 Pages로 작업했으나 블로그에 올릴때 레이아웃이 많이 깨졌으므로 PDF로 다운받아보시는것을 권장합니다.

 

iOS 4.1 부터 지원하기 시작한 Apple의 GameCenter 를 내 어플에 붙여보는 작업을 해보자.

GameCenter 의 가이드가 잘 되어있으니 전체적인 개발방법은 가이드를 참고해보고 이번 포스팅에서는 속성으로 필요한 부분만 정리해서 올려본다.


간단히 GameCenter는 지원하는 어플의 세계 랭킹, 도전 목표, 같이 게임을 하는 친구목록 등을 지원하고 또한  Auto-Match (대전상대 매치), 음성채팅같은 API도 제공된다. (이전에 Apple이 지원하기전에는 OpenFeint 등이 유명한 솔루션이었다)



-참고 : Apple의 GameCenter Developer guide

http://developer.apple.com/library/ios/#documentation/NetworkingInternet/Conceptual/GameKit_Guide/GameCenterOverview/GameCenterOverview.html


1. 사전작업 

먼저 어플이 iTunes connect 에 등록이 되어있어야한다. (https://itunesconnect.apple.com)

개발자 계정을 입력후 로그인하면 Manage Your Applications 라는 메뉴를 누른다.


그 다음화면에서 GameCenter를 적용할 어플을 클릭한다.


그다음 Manage Game Center 를 눌러서 게임센터 관리로 들어간다.


여기서 Game Center 를 Enable 시켜준다. 

이미 테스트용도로 Enable 시켰기때문에 화면에서는 Disable 로 표시된다.

 

Leaderboard 는 간단히 말해 점수판이다. 전세계 사용자들과 나 자신의 점수를 비교해볼수도 있고 GameCenter에 친구들이 같은 어플(게임)을 사용한다면 친구들간의 순위도 제공된다.


먼저 점수판을 하나 셋팅해본다. Edit 를 누른뒤 Add Leaderboard 버튼으로 점수판을 하나 생성한다.

테스트 용도이므로 Single Leaderboard 로 생성을 했다.

Leaderboard Reference Name 은 내가 알아볼만한 이름으로 셋팅하면 되고

Leaderboard ID 가 중요한데 프로그램에서 참조되는 값이므로 유니크한 이름으로 셋팅해야된다.

Sort Order 는 오름차순,내림차순 정렬등을 선택하고 Add Language 버튼으로 언어별 표시되는 이름 뒤에 붙는 점수표시법등을 설정할수 있다.

 

그다음 다시 Manage 화면으로 와서 이번엔 게임 목표(Achievements)를 설정해본다.

목표는 어플당 1000점 한도 내에서 목표1개당 1~100점 이내로 여러개를 설정할수 있다.

Add New Achievement 버튼으로 새로운 목표를 하나 만들어 본다.



Achievement Reference Name 은 iTunes Connect 에서 관리하게 편하게 알아볼만한 이름으로 설정한다.

Achievement ID 는 마찬가지로 프로그램에서 참조할 이름을 적어준다.

Hidden 은 공개된 목표인지, 숨겨진 목표인지 설정하고 

Point Value 로 목표를 완수했을때 주어지는 점수를 셋팅한다. 100점까지 셋팅이 가능하다.

Add Language 버튼으로 언어별로 표시될 이름, 목표 완수전에 표시될 설명, 완수 후에 표시될 설명, 그리고 목표에 해당하는 아이콘이미지를 넣어준다.


테스트로 몇개 만들어보고 이상으로 iTunes Connect 사이트에서 설정할 사전작업은 완료되었다.




2. 코드적용
 

2.1. 라이브러리 추가

xcode 를 열고 즐거운 코딩작업을 시작한다.

먼저 GameKit 라이브러리가 프로젝트에 포함이 되어야한다.

xcode 4 로 넘어오면서 이게 어디있나 한참 찾았는데 xcode 4에서는 다음에서 필요한 라이브러리를 포함시킬수 있다.

프로젝트파일을 선택하고 Targets 에서 선택하고 Build Phases 를 누른후 Link Binary with Libraries 에서 

GameKit.framework 를 추가해준다.




그리고 게임센터에서 점수를 기록하거나 목표를 달성했을때 게임센터 스타일의 노티를 붙여주기 위해 typeoneerror블로그의 GKAchievementNotification 소스를 추가로 붙이기 위해서 ,다운받은 (링크는 아래에... 그리고 블로그에도 첨부파일로) 소스와 이미지들을 프로젝트에 추가해준다.

(여기에선 typeoneerror-GKAchievementNotification-8a90404.zip 사용)


 

http://www.typeoneerror.com/articles/post/game-center-achievement-notification


겜센터 스타일의 노티가 기본적으로 뜰때 풀사이즈의 어플을 기준으로 했기때문에 내가 작업하고 있는 어플에서 보면 노티가 나오다가 짤려보인다.

문제는 20픽셀을 잡고있는 스테이더스바 때문인데 스테이더스바의 길이만큼 더해서 노티가 더 내려오도록 수정을 했다.

다음 수정은 상단에 스테이더스 바가 있는 어플일때만 해주면 된다. (자신의 어플에 맞게 Customize 해서 쓰도록하자)


다운받은 소스의 GKAchievementNotification.h 의 파일을 보면 다음과 같은 정의구문이 있는데 기본 10픽셀만큼 내려오는걸 30필셀만큼 내려오도록 수정한다.


#define kGKAchievementFrameEnd      CGRectMake(18.0f, 10.0f, 284.0f, 52.0f);

여기서 10.0f 를


#define kGKAchievementFrameEnd      CGRectMake(18.0f, 30.0f, 284.0f, 52.0f);

이렇게 30.0f 로. (20픽셀만큼 더함)




2.2. 게임센터 접속 메소드 구현


게임센터를 접속시켜야하는데 MainView 쪽에 작업해도 되지만 나는 어플안에서 마구 가져다 쓸수 있는 인스턴스 클래스에 접속,점수 보내는등의 메소드를 구현해놨다.


인스턴스 클래스 AppUtils.h

#import <GameKit/GameKit.h>

#import "GKAchievementHandler.h" //이건 노티를 위해서 임포트


@interface AppUtils : NSObject {

~~~~

}

~~~~

/////////////////Geunwon,Mo : GameCenter 추가 start /////////////

+ (BOOL) isGameCenterAvailable ; //게임센터가 사용가능하지 알아보는 메소드

+ (void) connectGameCenter; //게임센터에 접속하는 메소드

+(void) sendScoreToGameCenter:(int)_score; //게임센터서버에 점수 보내는 메소드

+ (void) sendAchievementWithIdentifier: (NSString*) identifier percentComplete: (float) percent;//게임센터서버에 목표달성 보내는 메소드

+ (void) resetAchievements; //테스트용으로 목표달성도를 리셋하는 메소드

/////////////////Geunwon,Mo : GameCenter 추가 end   /////////////


@end

 


AppUtils.m

~~~(생략)


/////////////////Geunwon,Mo : GameCenter 추가 start /////////////


//GameCenter 사용 가능 단말인지 확인

+ (BOOL) isGameCenterAvailable { 

    // check for presence of GKLocalPlayer API

    Class gcClass = (NSClassFromString(@"GKLocalPlayer"));

    // check if the device is running iOS 4.1 or later

    NSString *reqSysVer = @"4.1";

    NSString *currSysVer = [[UIDevice currentDevicesystemVersion];

    BOOL osVersionSupported = ([currSysVer compare:reqSysVer options:NSNumericSearch] !=NSOrderedAscending);

    return (gcClass && osVersionSupported);

}


//GameCenter 로그인

+ (void) connectGameCenter{

    NSLog(@"connect... to gamecenter");

    if([GKLocalPlayer localPlayer].authenticated == NO) { //게임센터 로그인이 아직일때

        [[GKLocalPlayer localPlayerauthenticateWithCompletionHandler:^(NSError* error){

             if(error == NULL){

                 NSLog(@"게임센터 로그인 성공~");

             else {

                 NSLog(@"게임센터 로그인 에러별다른 처리는 하지 않는다.");

             }

        }];

    }

}

// 게임센터 서버로 점수를 보낸다.

+(void) sendScoreToGameCenter:(int)_score{

    GKScore* score = [[[GKScore allocinitWithCategory:@"kPoint"]autorelease];

    // 위에서 kPoint 가 게임센터에서 설정한 Leaderboard ID

    score.value = _score;


    // 아래는 겜센터 스타일의 노티를 보여준다. 첫번째가 타이틀, 두번째가 표시할 메세지

    [[GKAchievementHandler defaultHandlernotifyAchievementTitle:@"NBank Point!"andMessage:[NSString stringWithFormat:@"NBank Point %d점을 기록하셨습니다.",_score]];

    

    // 실지로 게임센터 서버에 점수를 보낸다.

    [score reportScoreWithCompletionHandler:^(NSError* error){

        if(error != NULL){

            // Retain the score object and try again later (not shown).

            

        }

    }];

}


// 게임센터 서버로 목표달성도를 보낸다. 첫번째가 목표ID, 두번째가 달성도. 100%면 목표달성임

+ (void) sendAchievementWithIdentifier: (NSString*) identifier percentComplete: (float) percent{

    NSLog(@"--겜센터 : sendAchievementWithIdentifier %@ , %f",identifier,percent);

    GKAchievement *achievement = [[[GKAchievement allocinitWithIdentifier: identifier]autorelease];

    if (achievement)

    {

        achievement.percentComplete = percent;

        

        [achievement reportAchievementWithCompletionHandler:^(NSError *error)

         {

             if (error != nil)

             {

            

             }

         }];

        

        // 이 아래는 게임센터로부터 목표달성이 등록되면 실행되는 리스너(?)

        [GKAchievementDescription loadAchievementDescriptionsWithCompletionHandler:

         ^(NSArray *descriptions, NSError *error) {

             if (error != nil){}

                 // process the errors

             if (descriptions != nil){

                 

                 //목표달성이 등록되면 노티로 알려준다.

                 for (GKAchievementDescription *achievementDescription in descriptions){

                     if ([[achievementDescription identifierisEqualToString:identifier]){

                         // 보낸 ID와 일치하면 달성도에 따라 노티를 보여준다.

                         if (percent >= 100.0f) { // 100%면 달성완료 노티를...

                          [[GKAchievementHandler defaultHandler]notifyAchievement:achievementDescription];   

                         else { // 100%가 안되면 진행도를 노티.

                             [[GKAchievementHandler defaultHandler]notifyAchievementTitle:achievementDescription.title andMessage:[NSStringstringWithFormat:@"%.0f%% 완료하셨습니다.",percent]];

                         }

                     }

                 }                           

             }                     

        }];    

    }



// 테스트할때 현재까지 모든 진행도를 리셋하는 메소드.

+ (void) resetAchievements

{

    // Clear all progress saved on Game Center

    [GKAchievement resetAchievementsWithCompletionHandler:^(NSError *error)

     {

         if (error != nil){}

             // handle errors

    }];

}


/////////////////Geunwon,Mo : GameCenter 추가 end   ///////////// 



이제 어플을 실행하고 메인 뷰 컨트롤러의 viewDidLoad 메소드에 게임센터 접속을 코딩한다.

이 프로그램에서는 MainMenuViewController.m 에다가 코딩해놨다.

#import "AppUtils.h"


~~~~~(생략)

- (void)viewDidLoad {

~~~~~(생략)

    /////////////////Geunwon,Mo : GameCenter 추가 start /////////////

    

    //AppUtils 가 인스턴스 메소드이기 때문에 걍 쓴다

    if ([AppUtils isGameCenterAvailable]) { //게임센터가 가능한 단말이면...

        [AppUtils connectGameCenter];       //게임센터 접속~

    }

    /////////////////Geunwon,Mo : GameCenter 추가 end   /////////////

~~~~~(생략)

   

이제 게임센터에 접속하고, 점수를 보여줄 준비는 끝났다.

프로그램을 실행해보면 다음과 같이 게임센터에 접속하는 모습을 볼수 있다.





2.3. 게임센터로 점수와 목표달성도를 보내보자


이제 자신의 프로그램 플로우에 따라 게임센터 서버로 점수와 목표달성도를 보내보는 메소드를 구현해보자.

사실 보내는 메소드는 위에 구현해놨기 때문에 테스트 메소드로 사용법만을 적어본다.


프로그램에서 적당한 위치에 (실제로 게임센터로 데이터를 보내야하는 클래스에서) 테스트 메소드들을 만들었다.

//테스트 메소드들

-(IBAction)test1:(id)sender {

    //이렇게 보내면 er10 이라는 ID를 가지는 목표 달성도가 25%가 찍히게 된다.

    [AppUtils sendAchievementWithIdentifier:@"er10" percentComplete:25.0f];

}


-(IBAction)test2:(id)sender {

    //이렇게 보내면 er10 이라는 ID를 가지는 목표 달성도가 완료되게 된다.

    [AppUtils sendAchievementWithIdentifier:@"er10" percentComplete:100.0f];

}


-(IBAction)test3:(id)sender {

    //이렇게 보내면 sit 이라는 ID를 가지는 목표 달성도가 완료되게 된다.

    [AppUtils sendAchievementWithIdentifier:@"sit" percentComplete:100.0f];

}


- (IBAction)testpoint:(id)sender {

    int r = rand() % 1000;

    //이렇게 보내면 점수판에 1000사이의 정수가 랜덤으로 기록되게 된다.

    [AppUtils sendScoreToGameCenter:r];


    //이렇게 보내면 목표달성도가 리셋되게 된다.

    [AppUtils resetAchievements];

}

 
 





2.4. 점수판도 띄워보고 목표달성판도 띄워보자!


메뉴또는 About 화면등.. 원하는 위치에 버튼을 만들고 누르면 게임센터의 점수판과 목표달성판이 나오도록 해보자.

나는 AppInfoViewController 라는 클래스에 코딩을 해놨다.

 


포인트 순위표, 목표 달성이란 버튼을 만들고 각각 Touch Up Inside 이벤트에 openLeaderBD 라는 점수판을 띄우는 메소드와 openArchivementBD 라는 목표달성판을 띄우는 메소드를 만들었다. (Archivement 는 오타인데 만들고 나서 나중에 수정하기 귀찮아서 그냥 사용 -_-)



AppInfoViewController.h

#import <GameKit/GameKit.h>

@interface AppInfoViewController : UIViewController<GKLeaderboardViewControllerDelegateGKAchievementViewControllerDelegate>{ 

//점수판,목표달성판을 띄우는 뷰컨트롤러 딜리게이트 구현

}


/////////////////Geunwon,Mo : GameCenter 추가 start 


- (IBAction)openLeaderBD:(id)sender; //점수판을 띄운다

- (IBAction)openArchivementBD:(id)sender; //목표달성판을 띄운다


- (void) showLeaderboard; //실제로 점수판을 띄우는 부분 구현 메소드

- (void) leaderboardViewControllerDidFinish:(GKLeaderboardViewController *)viewController;//점수판이 닫힐때 호출되는 메소드

- (void) showArchboard; //목표달성판을 띄우는 부분 구현 메소드

- (void)achievementViewControllerDidFinish:(GKAchievementViewController *)viewController;//목표달성판이 닫힐때 호출되는 메소드


/////////////////Geunwon,Mo : GameCenter 추가 end 


@end

 

AppInfoViewController.m

~~~(생략)


/////////////////Geunwon,Mo : GameCenter 추가 start /////////////


///////////////// 점수판

// 점수판 버튼이 눌리면 호출된다.

- (IBAction)openLeaderBD:(id)sender{ 

    NSLog(@"open leader board");

    [self showLeaderboard]; // 실행~

}


- (void) showLeaderboard {

    GKLeaderboardViewController *leaderboardController = [[[GKLeaderboardViewControllerallocinit]autorelease];

    if (leaderboardController != nil) {

        // 레더보드 델리게이트는 나임

        leaderboardController.leaderboardDelegate = self;


        // 레더보드를 현재 뷰에 모달로 띄운다.

        [self presentModalViewController:leaderboardController animatedYES];

    }

}


// 레더보드 델리게이트를 구현한 부분. 닫힐때 호출된다.

- (void) leaderboardViewControllerDidFinish:(GKLeaderboardViewController *)viewController {

    [self dismissModalViewControllerAnimated:YES]; //점수판 모달뷰를 내림

    // 추가적으로 자신의 어플에 맞게 구현해야할것이 있으면 한다.

}


///////////////// 목표달성. (점수판 구현과 방법은 똑같음)

// 목표달성판 버튼이 눌리면 호출된다.

- (IBAction)openArchivementBD:(id)sender {

    NSLog(@"open archivement board");

    [self showArchboard];

}


- (void) showArchboard {

    GKAchievementViewController *archiveController = [[[GKAchievementViewController alloc]initautorelease];

    

    if (archiveController != nil) {

        

        archiveController.achievementDelegate = self;


        [self presentModalViewController:archiveController animatedYES];

        

    }

}


- (void)achievementViewControllerDidFinish:(GKAchievementViewController *)viewController{

    [self dismissModalViewControllerAnimated:YES];

}


////////////////////Geunwon,Mo : GameCenter 추가  //////////////

 

따로 주의해야할점은 점수판과 목표달성판은 UIView 위에 띄워주게 되어있는데 지금 작업한 어플은 UIView에서 도는 어플이라 상관없지만 cocos2d 나 기타 openGLES 등을 이용한 어플이라면 UIView 를 하나 띄워주고 그 뷰의 모달로 띄워주어야 화면에 표시가 될것이다. (해보지는 않았음-_- 구글링 추천)



이제 누르면 다음과 같이 점수판과 목표달성판이 이쁘게 뜬다.





끗.


Posted by 모근원

- 이번 글은 보기좋게 PDF로 첨부합니다.




- 개인적인용도로 요약한 글이라 글에서는 경어체를 사용하지 않습니다. 글 읽으시는데 참고부탁드립니다.

- Mac의 Pages 로 작성한 후 블로그에 포스팅하려니 서식이 다 깨졌네요.

   PDF 파일로 보는것이 보기 좋습니다.


저번엔 안드로이드용 위치기반 지점찾기 (LBS)를 구현하였고, 이번에 아이폰용 뱅킹어플을 만들면서 아이폰용도 지점찾기를 어플로 구현할 필요가 생겼다.


이번엔 계속 써와서 익숙한 Java 가 아니라 Objective C 여서 시작하기가 막막했다. 배우면서, 삽질하며 완성시킨거라 버그도 있을것이고 여러부분에서 미숙한 점이 있을테지만 마찬가지로 까먹지 않기 위하여 정리를 해둔다.


1. 프로젝트에 프레임웍 추가하기.

프로젝트의 프레임웍에서 마우스 오른쪽버튼 (또는 옵션클릭)을 하여 프레임웍을 추가해준다.

사용자 위치정보를 가져올 CoreLocation.framework 와 지도표시에 필요한 MapKit.framework 을 추가해준다.


추가가 된것을 확인하면 성공.










2. 뷰에서 사용할 마커(어노테이션) 준비하기.


지도 앱들을 보면 다음과 같은 핀이 있는데 이것이 안드로이드에서는 마커, iOS에서는 어노테이션이라고 불리우는 드랍핀이다. 


그냥 써도 되지만 지점찾기 앱에서는 각 마커마다 지점의 정보를 가지고 있기

때문에 MKAnnotation 을 구현하여 커스텀 어노테이션을 만들어 쓰기로 했다.



//  BranchMarker.h

// 마커(어노테이션) 쓰일 객체.


#import <Foundation/Foundation.h>

#import <MapKit/MKAnnotation.h>


@interface BranchMarker : NSObject <MKAnnotation>{

//요거 세개는 어노테이션에 필수로 구현해줘야 동작한다.

CLLocationCoordinate2D coordinate;

NSString *title;

NSString *subtitle;

// 아래는 추가로 필요해서 변수 준비.

NSString *bussBrNm; //영업점명

NSString *bussBrTelNo; //영업점 전화번호

NSString *bussBrAdr; //영업점주소 (찾아오시는길)

NSString *trscDrtm; //거래시간

NSString *bussBrAdr2; //영업점주소 (주소)

NSString *markerType; //마커 타입 (0:지점, 1:ATM)

}


@property (nonatomic,assign) CLLocationCoordinate2D coordinate;

@property (nonatomic,copy) NSString *title;

@property (nonatomic,copy) NSString *subtitle;


@property (nonatomic,retain) NSString *bussBrNm;

@property (nonatomic,retain) NSString *bussBrTelNo;

@property (nonatomic,retain) NSString *bussBrAdr;

@property (nonatomic,retain) NSString *trscDrtm;

@property (nonatomic,retain) NSString *bussBrAdr2;

@property (nonatomic,retain) NSString *markerType;


@end

헤더에서는 coordinate, title, subtitle 을 필수로 구현해줘야 MKAnnotation 이 멀쩡히 돌아간다.


//  BranchMarker.m

#import "BranchMarker.h"


@implementation BranchMarker

@synthesize coordinate, title, subtitle;

@synthesize bussBrNm,bussBrTelNo,bussBrAdr,trscDrtm,bussBrAdr2,markerType;


-(void) dealloc{

[title release];

[subtitle release];

[super dealloc];

}


@end

구현파일에서는 특별히 구현할것이 없고 synthesize 만 충실히 해주도록 한다.



3. 뷰컨트롤러 준비하기.

이제 실제 지도를 구현해본다. 이번 어플에서는 크게 다음과 같이 네개의 뷰가 겹쳐져 있다.

맨 아래에 지도를 표시하는 MKMapView 가 깔리고 그 위로 서브뷰로 아이콘 버튼들이 있는 툴바,

그리고 툴바위에 역 지오코딩 (위도, 경도를 가지고 주소를 추적해내는 기술) 한 스트링이 UILabel 로 뿌려지고, 마지막으로 그 위에 어플이 로딩상태일때 로딩을 표시할 스피너가 올려져있다.


//  BranchMapViewController.h

// 지점찾기 컨트롤러.


#import <UIKit/UIKit.h>

#import <MapKit/MapKit.h>

#import <CoreLocation/CoreLocation.h>


//위치관리자, 맵뷰, 그리고 리버스 지오코더 딜리게이트를 구현한다.

@interface BranchMapViewController : UIViewController <CLLocationManagerDelegate , MKMapViewDelegate, MKReverseGeocoderDelegate>{

NSString *searchType; //지점,ATM 검색 타입

MKMapView *mapView; //지도

//,경도를 가지고 해당위치의 주소를 가지고 오는 리버스지오코더

MKReverseGeocoder *reverseGeocoder

//위지관리자. GPS,wifi 등으로 현재 기기의 위치를 가져온다.

CLLocationManager *locationManager;

CLLocation *lastScannedLocation; //마지막으로 검색된 위치를 저장할 객체.

UIActivityIndicatorView * spinner; //화면의 로딩 스피너.

UILabel *geoLabel; //툴바에 리버스지오코더의 결과를 표시한다.

}


@property (retain, nonatomic) NSString *searchType;

@property (retain, nonatomic) MKMapView *mapView;

@property (nonatomic, retain) MKReverseGeocoder *reverseGeocoder;

@property (nonatomic, retain) CLLocationManager *locationManager;

@property (nonatomic, retain) CLLocation *lastScannedLocation;

@property (nonatomic, retain) UIActivityIndicatorView * spinner;

@property (nonatomic, retain) UILabel *geoLabel;


//뷰컨트롤러를 만들때 검색타입을 지정한다. BRANCH/ATM

- (id)initWithShowType:(NSString *)showType;  

//지점정보를 HTTP통신으로 가지고 온다.
- (void)getBranchDataWithLocation:(CLLocation *)location; 

@end


메인 구현파일이라 엄청길다.

//  BranchMapViewController.m

#import "BranchMapViewController.h"

#import <MapKit/MapKit.h>

#import <CoreLocation/CoreLocation.h>

#import "BranchMarker.h"

#import "BranchMapGetDataAction.h"


@implementation BranchMapViewController


@synthesize searchType;

@synthesize mapView,reverseGeocoder,geoLabel;

@synthesize locationManager;

@synthesize lastScannedLocation;

@synthesize spinner;


- (id)initWithShowType:(NSString *)showType {

if ((self = [super init])) {

        // Custom initialization

self.searchType = showType;

    }

NSLog(@"initWithShow %@",self.searchType);

    return self;

}


//이미지로 커스텀 뷰를 만들어준다.

//_normalImg : 버튼 이미지, _touchImg : 눌럿을때 바뀔 이미지, _width : 이미지버튼의 가로길이, _height : 이미지버튼의 세로길이 , _sel : 버튼눌렀을때 액션

-(UIButton*) createCustomImageButtonWithNormalImgNm:(NSString*)_normalImg

  andTouchImg:(NSString*)_touchImg andWidth:(float)_width

andHeight:(float)_height andSEL:(SEL)_sel{

// 버튼 배경에 사용할 이미지 준비.

    UIImage *normalImage = [UIImage imageNamed:_normalImg];

    UIImage *touchImage = [UIImage imageNamed:_touchImg];

    

    // 버튼 생성 

//x,y,width,height

    CGRect buttonRect = CGRectMake(0.0f, 0.0f, _width, _height); 

    UIButton *button = [[[UIButton alloc

initWithFrame:buttonRect] autorelease];

    // 버튼의 배경 이미지 설정

    [button setBackgroundImage:normalImage forState:UIControlStateNormal];

    [button setBackgroundImage:touchImage forState:UIControlStateHighlighted];

    

    // 버튼에 액션 설정

[button addTarget:self action:_sel

forControlEvents:UIControlEventTouchUpInside];


return button;

}


- (void)viewDidLoad {

    [super viewDidLoad];

//searchType 널탕이 들어오면 기본적으로 지점 검색으로 한다.

if (self.searchType == nil) self.searchType = @"BRANCH";

//위치 관리자를 초기화한다.

self.locationManager = [[[CLLocationManager alloc] init] autorelease];

//딜리게이트는 self 설정후 하단에서 딜리게이트 구현.

self.locationManager.delegate = self;

//측정방법은 가장 좋게.

self.locationManager.desiredAccuracy = kCLLocationAccuracyBest

//2000m 이상 위치가 변경되면 노티를 .

self.locationManager.distanceFilter = 2000.0f

    [self.locationManager startUpdatingLocation]; //현재위치 가져오기 시작~

//지도 뷰를 만든다.

//뷰의 크기만큼 지도를 채운다.

mapView = [[MKMapView alloc] initWithFrame:self.view.bounds];

mapView.showsUserLocation = YES; // 위치 표시.

[mapView setMapType:MKMapTypeStandard]; //지도 형태는 기본.

[mapView setZoomEnabled:YES]; //줌가능

[mapView setScrollEnabled:YES]; //스크롤가능

mapView.delegate = self; //딜리게이트 설정 (anotation 메소드를 구현한다.)

MKCoordinateRegion region;

MKCoordinateSpan span; //보여줄 지도가 처리하는 넓이 정의.

span.latitudeDelta = 0.02; //숫자가 적으면 좁은영역 까지 보임.

span.longitudeDelta = 0.02;

CLLocationCoordinate2D location = mapView.userLocation.coordinate;

//위치정보를 못가져왔을때 기본으로 보여줄 위치.

location.latitude = 37.566275; //37.490481 이건 우리집

location.longitude = 126.981794; //126.857790

region.span = span; //크기 설정.

region.center = location; //위치 설정.

[mapView setRegion:region animated:TRUE]; //지도 뷰에 지역 설정.

[mapView regionThatFits:region]; //지도 화면에 맞게 크기 조정.

[self.view addSubview:mapView]; //서브 뷰로 지도를 추가함.

//하단에 버튼들 toolbar 추가

//현재 뷰의 크기를 가져와서 상단 바의 길이가 조정되면 하단 바가 잘리는것을 방지하기 위함.

float heightPos = self.view.bounds.size.height

UIToolbar *toolbar = [[UIToolbar alloc

  initWithFrame:CGRectMake(0.0, heightPos - 50.0f , 320.0, 50.0)]; toolbar.barStyle = UIBarStyleBlackTranslucent; //툴바스타일은 까만 투명색

// 영역 잡아주는 버튼아이템. 왼쪽에 빈 영역 두고, 오른쪽으로 버튼들을 배치하기위함.

UIBarButtonItem *flexibleSpace = [[UIBarButtonItem alloc]

  initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace

  target:nil action:nil];

 

//이미지 커스텀 버튼.

UIBarButtonItem *hereBtn = [[UIBarButtonItem alloc]

   initWithCustomView:[self createCustomImageButtonWithNormalImgNm:@"here.png"

   andTouchImg:@"here_pressed.png" andWidth:40.0f andHeight:40.0f

   andSEL:@selector(setSearchTypeToHere)]]; //현위치

UIBarButtonItem *branchBtn = [[UIBarButtonItem alloc]

   initWithCustomView:[self createCustomImageButtonWithNormalImgNm:@"atm_btn.png" 

   andTouchImg:@"atm_btn_pressed.png" andWidth:40.0f andHeight:40.0f 

   andSEL:@selector(setSearchTypeToATM)]]; //ATM검색

UIBarButtonItem *atmBtn = [[UIBarButtonItem alloc]

   initWithCustomView:[self createCustomImageButtonWithNormalImgNm:@"hana_btn.png"

   andTouchImg:@"hana_btn_pressed.png" andWidth:40.0f andHeight:40.0f 

   andSEL:@selector(setSearchTypeToBranch)]]; //지점검색

//툴바 아이템 배치

toolbar.items = [NSArray

arrayWithObjects:flexibleSpace,hereBtn,atmBtn,branchBtn,nil];


//툴바를 뷰에 추가.

[self.view addSubview:toolbar];

//툴바에 쓰인 버튼들 릴리즈.

[flexibleSpace release];

[hereBtn release];

[branchBtn release];

[atmBtn release];

[toolbar release];

//화면스피너 셋팅. 로딩중을 표시하기 위함.

self.spinner = [[UIActivityIndicatorView alloc

initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhiteLarge];

//화면중간에 위치하기위한 포인트.

[self.spinner setCenter:CGPointMake(320.0f/2.0, 480.0f/2.0)]; 

[self.view addSubview:spinner]; //스피너를 뷰에 추가하고 필요시에 start

//geoCoder 라벨 셋팅. '서울시 송파구 신천동' 따위를 툴바에 표시한다

geoLabel = [[UILabel alloc

initWithFrame:CGRectMake(5.0, heightPos - 45.0f, 160.0, 40.0)];

geoLabel.backgroundColor = [UIColor clearColor];

geoLabel.highlighted = YES;

geoLabel.highlightedTextColor = [UIColor whiteColor];

geoLabel.shadowColor = [UIColor blackColor];

geoLabel.textColor = [UIColor whiteColor];

geoLabel.textAlignment = UITextAlignmentLeft;

geoLabel.numberOfLines = 2; //두줄 표시 가능.

[self.view addSubview:geoLabel]; //뷰에 라벨 추가.

//초기 환영 메세지.

UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@"위치기반 지점찾기" message:@"위치정보를 가져오는데 기기,통신상태에 따라 시간이 걸릴수 있으며 일부 동작하지 않는 기기도 있습니다.\n\n하단의 아이콘을 이용하여 현재 지도가 표시하고 있는 지역을 중심으로 지점/ATM 검색하실 있습니다." delegate:nil cancelButtonTitle:nil

otherButtonTitles:@"확인",nil];

[alert show];

[alert release];

}


//검색 타입 ATM으로 셋팅.

-(void)setSearchTypeToATM{

//현재 지도가 위치하는곳을 중심으로.

CLLocation *customLocation = [[CLLocation alloc

initWithLatitude:mapView.centerCoordinate.latitude 

longitude:mapView.centerCoordinate.longitude];

self.searchType = @"ATM";

[self getBranchDataWithLocation:customLocation]; //HTTP 통신

[customLocation release];

}


//검색 타입 지점으로 셋팅.

-(void)setSearchTypeToBranch{

//현재 지도가 위치하는곳을 중심으로.

CLLocation *customLocation = [[CLLocation alloc

initWithLatitude:mapView.centerCoordinate.latitude 

longitude:mapView.centerCoordinate.longitude];

self.searchType = @"BRANCH";

[self getBranchDataWithLocation:customLocation]; //HTTP 통신

[customLocation release];

}


//현위치

-(void)setSearchTypeToHere{

[self.locationManager startUpdatingLocation];  //로케이션 메니저 다시 시작~

}


//문자열 치환 메소드. source : 원본, 찾을문자열, 바꿀문자열.

-(NSString*)replaceStrSource:(NSString*)sourceStr 

strFrom:(NSString*)_from strTo:(NSString*)_to{

NSMutableString *mstr = [NSMutableString stringWithString:sourceStr];

NSRange substr = [mstr rangeOfString: _from];

while (substr.location != NSNotFound) {

[mstr replaceCharactersInRange: substr withString:_to];

substr = [mstr rangeOfString: _from];

}

return mstr;

}



//지도 데이터를 HTTP통신을 통해 받아와서 표시해준다.

- (void)getBranchDataWithLocation:(CLLocation *)location{

NSLog(@"getBranchDataWithLatitude:%f andLongitude:%f",

location.coordinate.latitude,location.coordinate.longitude);

//화면에 로딩스피너 스타트.

[self.spinner startAnimating];

//HTTP통신에 ContentProvide server 규격을 맞추기 위해, 위도,경도에서 콤마(.) 제거해서 보내야한다.

NSString *lat = [self replaceStrSource:

[NSString stringWithFormat:@"%f",location.coordinate.latitude]

strFrom:@"." strTo:@""];

NSString *lng = [self replaceStrSource:

[NSString stringWithFormat:@"%f",location.coordinate.longitude]

strFrom:@"." strTo:@""];

NSString *range = @"3000"; //기본 3Km반경 지점을 검색해 오게 만든다.

NSString *sType = @"0";

//ATM = 1, 지점 = 0

if ([self.searchType isEqualToString:@"ATM"]) sType = @"1";

else sType = @"0";


//HTTP통신으로 지점정보 가져오는 액션 초기화.

BranchMapGetDataAction *getAction = [[BranchMapGetDataAction alloc

initWithSearchType:sType andReqLat:lat andReqLng:lng andReqRange:range];

//HTTP통신으로 지점정보를 가져온다.

NSMutableArray *branchMarkerAry = [getAction getData];

//마커를 새로 찍기전에 기존에 지도에 있던 마커(annotation) 전부 지운다.

NSMutableArray *toRemove = [NSMutableArray arrayWithCapacity:1];

for(id annotation in mapView.annotations){

if (annotation != mapView.userLocation){

[toRemove addObject:annotation];

}

}

NSLog(@"remove %d annotations.",[toRemove count]);

[mapView removeAnnotations:toRemove];

//받아온 마커(annotation) 맵에 찍어낸다.

NSLog(@"branch marker count : %d",[branchMarkerAry count]);

if([branchMarkerAry count] > 0){

for (BranchMarker* marker in branchMarkerAry){

if (marker != nil) [mapView addAnnotation:marker];

}

}


//reverseGeocoding 시작.

self.reverseGeocoder = [[[MKReverseGeocoder alloc

initWithCoordinate:location.coordinate] autorelease];

    reverseGeocoder.delegate = self;

    [reverseGeocoder start];

//화면의 로딩 스피너 없애기.

[self.spinner stopAnimating];


}


//메모리 부족을 받았을때.

- (void)didReceiveMemoryWarning {

    // Releases the view if it doesn't have a superview.

    [super didReceiveMemoryWarning];

    NSLog(@"branchmap memory warning.");

    // Release any cached data, images, etc that aren't in use.

}


// 내릴때.

- (void)viewDidUnload {

    

NSLog(@"branchmap viewDidUnload");

[self.locationManager stopUpdatingLocation];

self.locationManager = nil;

self.reverseGeocoder = nil;

self.mapView = nil;

self.searchType = nil;

self.lastScannedLocation = nil;

self.spinner = nil;

[super viewDidUnload];

}


//객체 내려갈때.

- (void)dealloc {

NSLog(@"branchmap dealloc");

//사용한 객체들 릴리즈.

[mapView release];

[reverseGeocoder release];

[locationManager release];

[searchType release];

[lastScannedLocation release];

[spinner release];

    [super dealloc];

}



#pragma mark MKMapViewDelegate


NSString *tempTelNo; //어노테이션의 더보기에서 전화걸기를 누를때 임시로 전화번호를 저장할 변수.


//맵의 어노테이션 (마커) 표시.

-(MKAnnotationView *)mapView:(MKMapView *)mV viewForAnnotation:(id<MKAnnotation>)annotation{

if (annotation==self.mapView.userLocation){

[mV.userLocation setTitle:@"현재 위치"]; //현재위치 마커에 표시할 타이틀.

return nil; //현재 위치 마커일경우 커스텀 마커를 사용하지 않는다.

}

//현재위치 마커가 아닐때에는 지점마커이다.

BranchMarker *mk = (BranchMarker *) annotation;

MKPinAnnotationView *dropPin = nil; //마커 준비

static NSString *reusePinID = @"branchPin"; //마커 객체를 재사용 하기위한 ID

//마커 초기화

dropPin = (MKPinAnnotationView *)[mapView 

dequeueReusableAnnotationViewWithIdentifier:reusePinID]; 

if ( dropPin == nil ) dropPin = [[[MKPinAnnotationView alloc]

initWithAnnotation:annotation reuseIdentifier:reusePinID] autorelease];

//핀이 떨어지는 애니메이션

dropPin.animatesDrop = YES;

//마커 오른쪽에 (>) 모양 버튼 초기화.

UIButton *infoBtn = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];

dropPin.userInteractionEnabled = TRUE;

dropPin.canShowCallout = YES;

dropPin.rightCalloutAccessoryView = infoBtn;

//마커 왼쪽에 표시할 지점,ATM 아이콘

NSString* markerImg = nil;

if ([mk.markerType isEqualToString:@"0"]){

markerImg = @"hana.png";

dropPin.pinColor = MKPinAnnotationColorGreen;

} else {

markerImg = @"atm.png";

dropPin.pinColor = MKPinAnnotationColorRed;

}

dropPin.leftCalloutAccessoryView = [[[UIImageView alloc

initWithImage:[UIImage imageNamed:markerImg]] autorelease];


//마커 리턴

return dropPin;

}



//어노테이션의 더보기

-(void)mapView:(MKMapView *)mapView annotationView:(MKAnnotationView *)view

calloutAccessoryControlTapped:(UIControl *)control{

BranchMarker *mk = (BranchMarker *) view.annotation;

tempTelNo = nil;

//얼럿메세지 초기화

NSString *alertMessage = [mk.title stringByAppendingString:@"\n"]; 

if ([mk.bussBrAdr length] > 1) //주소

alertMessage = [[alertMessage stringByAppendingString:@"\n"]

stringByAppendingString:mk.bussBrAdr];

if ([mk.trscDrtm length] > 1) //ATM운영 시간

alertMessage = [[alertMessage stringByAppendingString:@"\nATM : "

stringByAppendingString:mk.trscDrtm]; 

NSString* telTitle = nil; //전화걸기 버튼 타이틀.

if ([mk.bussBrTelNo length] > 1){ //전화번호

alertMessage = [[alertMessage stringByAppendingString:@"\n대표전화 : "]

stringByAppendingString:mk.bussBrTelNo];


telTitle = @"전화걸기";

}

tempTelNo = mk.bussBrTelNo;

//얼럿뷰 표시

UIAlertView *confirmDiag = [[UIAlertView alloc] initWithTitle:nil

message:alertMessage delegate:self cancelButtonTitle:@"닫기" 

otherButtonTitles:telTitle, nil];


[confirmDiag show];

[confirmDiag release];

}


//어노테이션의 더보기 (얼럿뷰) 에서 버튼 클릭.

-(void)alertView:(UIAlertView *)alertView 

clickedButtonAtIndex:(NSInteger)buttonIndex{

if (buttonIndex == 1){

NSLog(@"전화걸기 : %@",tempTelNo);


if (tempTelNo != nil){

[[UIApplication sharedApplication

openURL:[NSURL URLWithString:[@"tel:" 

stringByAppendingString:tempTelNo]]];

}

} else if (buttonIndex == 0) {

NSLog(@"닫기");

}

}


#pragma mark LocationManager

//위치가 변경되었을때 호출.

-(void)locationManager:(CLLocationManager *)manager

didUpdateToLocation:(CLLocation *)newLocation 

fromLocation:(CLLocation *)oldLocation {


NSString *strInfo = [NSString 

stringWithFormat:@"didUpdateToLocation: latitude = %f, longitude = %f",

newLocation.coordinate.latitude, newLocation.coordinate.longitude];

NSLog(@"%@",strInfo);


MKCoordinateRegion region; //레젼설정

region = MKCoordinateRegionMakeWithDistance(newLocation.coordinate, 2000, 2000);

MKCoordinateRegion adjustedRegion = [mapView regionThatFits:region];

[mapView setRegion:adjustedRegion animated:YES];

//마지막으로 검색된 위치를 다른곳에서 활용하기 위하여 설정.

self.lastScannedLocation = newLocation; 


//한번 위치를 잡으면 로케이션 매니저 정지.

[self.locationManager stopUpdatingLocation];

[self getBranchDataWithLocation:self.lastScannedLocation]; //화면에 마커찍기

}


//위치를 못가져왔을때 에러 호출.


-(void)locationManager:(CLLocationManager *)manager

  didFailWithError:(NSError *)error{

NSLog(@"locationManager error!!!");

//위치를 못가져왔을땐 현재 지도에 표시된 지역기준으로 지점검색 들어간다~

[self setSearchTypeToBranch];

//에러 다이얼로그 표시.

UIAlertView *alert = [[UIAlertView alloc]initWithTitle:@"위치기반 지점찾기" message:@"현재위치를 검색할수 없습니다.\n설정 > 일반 > 위치서비스 활성화 되어있는지 확인해주세요.\n\n위치정보를 가져올수 없어도 하단의 아이콘을 통하여 현재 지도의\n영업점/ATM 위치는 검색하실수\n있습니다." delegate:nil cancelButtonTitle:nil otherButtonTitles:@"확인",nil];

[alert show];

[alert release];

}


#pragma mark reverseGeocoder

//역지오코더 검색되었을때 UILabel 역지오코딩 내용 표시

-(void)reverseGeocoder:(MKReverseGeocoder *)geocoder

didFindPlacemark:(MKPlacemark *)placemark{


    if (geoLabel != nil){

//혹시 몰라 한번 try 싸줌.

@try {

NSString *geoString = @"";

//locality 서울특별시 subLocality 송파구 thoroughfare 신천동

//지역에 따라 특정 파라메터에 값이 없을 있음. nil체크 하여 표시함.

if (placemark.locality != nil

geoString = [[geoString 

stringByAppendingString:placemark.locality

stringByAppendingString:@" "];

if (placemark.subLocality != nil)

geoString = [[geoString 

stringByAppendingString:placemark.subLocality]

stringByAppendingString:@"\n"];

if (placemark.thoroughfare != nil)

geoString = [geoString

stringByAppendingString:placemark.thoroughfare];

//아무 정보도 받아올수 없으면 나라이름이라도 표시.

if ([geoString length] < 1 && placemark.country != nil)

geoString = placemark.country;

geoLabel.text = geoString; //UILabel 표시

}

@catch (NSException * e) {

//오류 발생하면 UILabel 비워줌.

NSLog(@"reverse GeoCoding error : %@",e);

geoLabel.text = nil;

}

@finally {

}

}

}


//역지오코더 에러 발생시 그냥 로그.


-(void)reverseGeocoder:(MKReverseGeocoder *)geocoder

didFailWithError:(NSError *)error{

    NSLog(@"MKReverseGeocoder has failed.");

}


@end



4. 데이터 받아오는 액션 준비하기.

 지점 데이터는 HTTP통신으로 받아오게 된다.

예를 들어 http://111.11.11.11:8888/getBranch.do?a=123&b=456 이런식으로 URL을 호출하게 되면 서버에서 리턴값이 스트링으로 “S;10;테스트지점;02-123-4567;서울시 구로구 개봉동;....”  이런식으로 세미콜론(;) 으로 구분된 문자로 내려오게 된다.

그러면 프로그램에서 해당 스트링을 잘라서 객체에 잘 집어넣으면 된다. 

이것은 컨덴트 서버와 규격을 맞추어 프로그래밍을 해야한다.

하나은행에서 쓰이는 지점정보 서버와의 통신은 대외비이므로 지도구현과 관계없는 부분은 생략하여 정리한다.

//  BranchMapGetDataAction.h

// HTTP 통신으로 컨덴츠 서버에서 데이터를 받아서 어노테이션에 셋팅하는 액션


#import <Foundation/Foundation.h>


@interface BranchMapGetDataAction : NSObject{

NSString *searchType; //검색조건

NSString *reqLat; //요청 위도

NSString *reqLng; //요청 경도

NSString *reqRange; //요청 범위 (메타 m 단위)

}


@property (nonatomic,retain) NSString *searchType;

@property (nonatomic,retain) NSString *reqLat;

@property (nonatomic,retain) NSString *reqLng;

@property (nonatomic,retain) NSString *reqRange;


- (id)initWithSearchType:(NSString *)_searchType andReqLat:(NSString *)

_reqLat andReqLng:(NSString *)_reqLng andReqRange:(NSString*)

_reqRange; //초기화 메소드

- (NSMutableArray*)getData; //데이터를 가져오는 메소드

- (NSString*)generateGeoCode:(NSString*)str; //서버의 응답 스트링 지오코드에 콤마 붙이는 메소드.


@end



//  BranchMapGetDataAction.m


#import "BranchMapGetDataAction.h"

#import "BranchMarker.h"

#import <MapKit/MapKit.h>


@implementation BranchMapGetDataAction

@synthesize searchType,reqLat,reqLng,reqRange;


//초기화 메소드.


(id)initWithSearchType:(NSString *)_searchType 

andReqLat:(NSString *)_reqLat andReqLng:(NSString *)_reqLng 

andReqRange:(NSString*)_reqRange {


if ((self = [super init])) {

        // Custom initialization

self.searchType = _searchType;

self.reqLat = _reqLat;

self.reqLng = _reqLng;

self.reqRange = _reqRange;

    }

    return self;

}


// 결과값 받아다가 어노테이션(마커) 배열로 리턴.

- (NSMutableArray *)getData{

//스테이더스 바에 로딩 표시. (데이터 가져오는 네트워크 상태 표시)

[UIApplication sharedApplication].networkActivityIndicatorVisible = YES;

//요청타입이 널탕이면 기본적으로 지점검색으로 셋팅.

if (self.searchType == nil || [self.searchType isEqualToString:@""]){

self.searchType = @"0";

}

//요청 URL

NSString *urlString = @"http://1.1.1.1/a/b.jsp?distance=";

urlString = [[urlString stringByAppendingString:self.reqRange]

stringByAppendingString:@"&map_x="];

urlString = [[urlString stringByAppendingString:self.reqLng]

stringByAppendingString:@"&map_y="];

urlString = [[urlString stringByAppendingString:self.reqLat]

stringByAppendingString:@"&svc_type="];

urlString = [urlString stringByAppendingString:self.searchType];

NSURL *url = [NSURL URLWithString:urlString];

NSLog(@"url : %@", urlString);

//리퀘스트 객체.

NSMutableURLRequest *request = [[[NSMutableURLRequest alloc]

initWithURL:url] autorelease];

//레스폰스 객체,에러 객체 준비.

NSURLResponse *response = nil;

NSError *error = nil;

//데이터 받아오기.

NSData* receiveData = [NSURLConnection sendSynchronousRequest:request

returningResponse:&response error:&error];

//받아온 데이터 파싱.

NSString *str = [[NSString alloc] initWithData:receiveData 

encoding:0x80000000 + kCFStringEncodingDOSKorean];

str = [str stringByReplacingPercentEscapesUsingEncoding:

0x80000000 + kCFStringEncodingDOSKorean];


//NSLog(@"DATA GETTED!!! : %@",str);

//에러가 발생하였으면 에러표시.

if(error != nil) {

NSLog(@"%@", [error localizedDescription]);

UIAlertView *alert = [UIAlertView alloc];

[alert initWithTitle:@"에러" message:[NSString 

stringWithFormat:@"서버에 접속할 없습니다.\n%@",

[error localizedDescription]] delegate:self 

cancelButtonTitle:@"확인" otherButtonTitles:nil];

[alert show];

[alert release];

}


//마커배열 준비.

//받아온 스트링을 세미콜론으로 잘라서 배열로 넣어버린다.

NSArray *branchArray = [str componentsSeparatedByString:@";"]; 

NSMutableArray *returnAry = [[NSMutableArray alloc] init]; //리턴할 배열 준비.

NSLog(@"getted branch array size : %d",[branchArray count]);

@try {

//i=2 준것은 첫번째 배열엔 성공여부(S) 두번째 배열엔 받아온 지점 갯수 (int#) 이다

안쓰이므로 무시하고 세번째 배열원소부터 사용하도록한다.

for (int i=2; i<([branchArray count]-1); i+=7) { 

//마커 준비.

BranchMarker *marker = [[BranchMarker alloc] init];

// 셋팅.

marker.bussBrNm = [branchArray objectAtIndex:i];

marker.bussBrTelNo = [branchArray objectAtIndex:i+1];

marker.bussBrAdr = [branchArray objectAtIndex:i+3];

marker.bussBrAdr2 = [branchArray objectAtIndex:i+2];

marker.trscDrtm = [branchArray objectAtIndex:i+4];

//마커에 위도,경도 정보 셋팅.

MKCoordinateRegion region = { {0.0, 0.0 }, { 0.0, 0.0 } };

region.center.latitude = [[self generateGeoCode:

[branchArray objectAtIndex:i+6]] floatValue];

region.center.longitude = [[self generateGeoCode:

[branchArray objectAtIndex:i+5]] floatValue];

region.span.longitudeDelta = 0.01f;

region.span.latitudeDelta = 0.01f;

marker.coordinate = region.center; //셋팅!

//찾아오시는길은 값이 있을때에만 셋팅.

if ([ marker.bussBrAdr length] > 1

marker.subtitle = marker.bussBrAdr;

marker.markerType = self.searchType; //마커 타입 (지점/ATM)

if ([self.searchType isEqualToString:@"0"]){

//지점이면 이름에다가 "지점" 이라는 글씨 추가로 셋팅.

marker.title = [marker.bussBrNm 

stringByAppendingString:@" 지점"];

} else {

marker.title = marker.bussBrNm;

}

//배열에 추가.

[returnAry addObject:marker];

//마커 릴리즈.

[marker release];

}

}

@catch (NSException * e) {

//가끔 컨덴츠 서버에서 오류가 데이터를 내리는 경우가 있다.에러,보정처리는 알아서~

.....삭제.....

}

@finally {

}




//검색결과가 없을때 오류 표시.

if ([returnAry count] == 0){

NSString *errorTitle = nil;

NSString *errorMsg = @"\n\n네트워크 오류일수 있으니 다른지역으로 이동, 또는 지도를 확대하여\n검색하시거나 잠시 다시 시도해주세요.";

if ([self.searchType isEqualToString:@"0"]){

errorTitle = @"영업점 검색오류";

errorMsg = [[NSString stringWithString:

@"해당 지역에 '영업점' 검색결과가\n없습니다."] stringByAppendingString:errorMsg];

} else {

errorTitle = @"ATM 검색오류";

errorMsg = [[NSString stringWithString:

@"해당 지역에 'ATM' 검색결과가\n없습니다."] stringByAppendingString:errorMsg];

}

UIAlertView *alert = [[UIAlertView alloc]initWithTitle:errorTitle

message:errorMsg delegate:nil 

cancelButtonTitle:nil

otherButtonTitles:@"확인",nil];

[alert show];

[alert release];

}

//스테이더스바 로딩 끄기.

[UIApplication sharedApplication].networkActivityIndicatorVisible = NO;

//배열 리턴.

return returnAry;

}



// 위도 경도에 콤마 붙이기. ex(37123456 -> 37.123456)

-(NSString*)generateGeoCode:(NSString*)str {

if (str != nil && [str length] >= 8) {

int lastIdx = [str length];

int middIdx = lastIdx - 6;

NSString* s1 =[str substringWithRange:

NSMakeRange (0,middIdx)]; //콤마 앞의 스트링

NSString* s2 =[str substringWithRange:

NSMakeRange (middIdx,6)]; //콤마 뒤의 스트링

NSString *output = [[s1 stringByAppendingString:@"."]

stringByAppendingString:s2]; //콤마 붙여서 리턴

return output;

}

return nil;

}


@end



5. 실행 스크린샷.

최초 실행하면 나오는 안내문구.



현재위치를 표시하며 현재위치 기준으로 영업점들을 찾아서 주루룩 찍어낸다.



현재위치 마커엔 title 로 "현재위치" 라고 셋팅 해 두었다.



지점/ATM 마커를 누르면 간단한 정보가 나온다.



간단한 정보에서 오른쪽 버튼을 누르면 상세한 정보가 나온다.



선택 지점/ATM으로 전화걸기



현위치 말고도 지도를 옮겨 원하는 지역에서 검색을 할 수도 있다.



원하는 지역으로 옮겨가서 하단의 지점/ATM 아이콘을 누르기만 하면 된다.



마지막으로 우리동네도 한번.



6. 해결하지 못한 부분


- MKMapview 의 지도화면에 특정 지점을 눌러서 뭔가 액션을 해주고 싶어 MKMapview를 상속하여 커스텀 맵뷰를 구현했는데 터치이벤트에서 오류 작렬! 그리고 줌인 줌아웃시에 오류가 난다.. ㅠ


- iOS 4부터는 스테이터스 바에 위치서비스 사용 아이콘이 나오는데 분명 LocationManager 를 stop 시켜주었는데도 아이콘이 계속 떠있다. Tweeter 어플등을 보면 현위치를 가져오고 난 뒤에는 아이콘이 사라지는것 같은데..

solution : 

mapView.showsUserLocation = YES;

이 문제였다. 현위치가 필요하지 않을때 적당한 시점에서 NO 를 넣어주면 현재위치 가져오는것을 종료하고 스테이더스바에 위치서비스 아이콘이 없어지게 된다.


- 3G 네트워크 등. 인터넷 상태가 불안정할때 처리에 오래 걸리는 문제. 데이터를 받아오는 순간에 프로그램이 정지된것 처럼 보인다. iOS 도 스레드를 돌려서 백그라운드로 돌려야 하나? 이건 다음버전에서 고민.


- 이번 글은 보기좋게 PDF파일로 첨부합니다.




2010.11.17 모근원 (Geunwon,Mo)

mokorean@gmail.com

twitter : @mokorean

http://Lomohome.com



* 추가  TIP : Google 로고 옮기기.
현재 툴바로 구글로고를 가려지게 되어있는데 이게 앱스토어에 올라갈경우 리젝사유가 된다고 한다.
그래서 바로 구글링해서 구글로고 옮기는법을 찾았다.



먼저 MKMapView 에다가 메소드를 추가할것이니 카테고리로 구현하도록 한다.
나는 클래스를 추가하였다.

//

//  BranchMapMKMapView.h

//  BranchMap

//

//  Created by Geunwon,Mo on 10. 11. 18..

//  Copyright 2010 Lomohome.com. All rights reserved.

//


#import <MapKit/MapKit.h>


@interface MKMapView (Additions) 


- (UIImageView*)googleLogo;


@end


//

//  BranchMapMKMapView.m

//  BranchMap

//

//  Created by Geunwon,Mo on 10. 11. 18..

//  Copyright 2010 Lomohome.com. All rights reserved.

//


#import "BranchMapMKMapView.h"



@implementation MKMapView (Additions)


- (UIImageView*)googleLogo {

UIImageView *imgView = nil;

for (UIView *subview in self.subviews) {

if ([subview isMemberOfClass:[UIImageView class]]) {

imgView = (UIImageView*)subview;

break;

}

}

return imgView;

}


@end


카테고리 추가후 지도를 구현하는 ViewController  (여기서는 BranchMapViewController.m)에다가 카테고리로 추가한 메소드를 뷰가 나오기전에 실행해서 구글로고의 위치를 변경하도록 한다.

#import "BranchMapGetDataAction.h"


....생략.....



////////////// Custom MapView Category start ///////////////

float _toolBarPositionY = 0.0f; //<- 이놈은 viewDidLoad 안에서 값을 셋팅한다. 현재 화면 툴바의 Y좌표값.


- (void)viewDidAppear:(BOOL)animated {

NSLog(@"view did appear");

[self relocateGoogleLogo];

}


- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation {

[self relocateGoogleLogo];

}


- (void)relocateGoogleLogo {

UIImageView *logo = [mapView googleLogo];

if (logo == nil)

return;

CGRect frame = logo.frame;

frame.origin.y = _toolBarPositionY - frame.size.height - frame.origin.x;

logo.frame = frame;

}

////////////// Custom MapView Category end ///////////////



Posted by 모근원
  1. 이전 댓글 더보기