実践：GeoKit と iPhone で作る位置情報アプリケーション（後編）

本記事は、WEB+DB PRESS Vol. 57 内の特集、「スマートフォンでもケータイでも！［速習］位置情報サービス」のボツ原稿をリライトしたものです。
特集の方では、この原稿の代わりに、PostGIS をふんだんに使った実践編を書き下ろしました。その他にも、ケータイ/スマートフォン向けに位置情報アプリケーションを作るための情報が盛り込まれた特集になっています。詳細については前のエントリをご確認ください。

※DB+PRESS 掲載前のボツ原稿のため、細かい部分の推敲はできておりません。ソースコード等におかしなところがあったらツイッターアカウントhal_skまで教えていただければ幸いです。

前編はこちら→実践：GeoKit と iPhone で作る位置情報アプリケーション (前編)
中編はこちら→実践：GeoKit と iPhone で作る位置情報アプリケーション (中編)

現在地を表示する

さて、あと一息です。今度は、ユーザの現在地を自動的に取得して、その周辺の地図を表示するように変更しましょう。
ユーザの現在地を取得するには、ClLocationManager と CLLocationManagerDelegate プロトコルを利用します。CoreLocation フレームワークは既に import していますので、RootViewController に実装をしてみましょう。
RootViewController に、CLLocationManager 用の変数を追加し、CLLocationManagerDelegate を宣言します。

@interface RootViewController : UITableViewControllerA:<CLLocationManagerDelegate> {
	NSArray *maps;
	CLLocationManager *locationManager;
}

RootViewController にて、 CLLocationManager を有効にします
RootViewController.m

- (void)viewDidLoad {
    [super viewDidLoad];
	
	// CLLocationManager を有効にする
	locationManager = [[CLLocationManager alloc] init];
	locationManager.desiredAccuracy = kCLLocationAccuracyBest;
	locationManager.delegate = self;
	[locationManager startUpdatingLocation];
	
	// WaiwaiMapViewController をインスタンス化
	waiwaiMapViewController = [[[WaiwaiMapViewController alloc] initWithNibName:nil bundle:nil] retain];

	NSString *urlString = @"http://192.168.10.91:3000/map/";
	NSURL *url = [NSURL URLWithString:urlString];
	// サーバのデータを取得
	NSString *jsonString = [NSString stringWithContentsOfURL:url
													encoding:NSUTF8StringEncoding
													   error:nil];
	// JSON データをパースして NSArray に変換
	maps = [[jsonString JSONValue] retain];
}

CLLocationManager の、startUpdatingLocation が呼ばれたため、位置が取得できたあとに delegate の locationManager メソッドが call されます。対応するメソッドを RootViewController に追加します。

RootViewController.m

#pragma mark CLLocationManagerDelegate
// Locationのデータがアップデートされた際に呼ばれる
- (void)locationManager:(CLLocationManager *)manager
    didUpdateToLocation:(CLLocation *)newLocation
           fromLocation:(CLLocation *)oldLocation
{
	NSLog(@"%f,%f", newLocation.coordinate.latitude, newLocation.coordinate.longitude);
	[waiwaiMapViewController setCenter:newLocation.coordinate];
	[waiwaiMapViewController loadAnnotaions];
	[manager stopUpdatingLocation];
}

// Locationのデータの取得に失敗した際に呼ばれる
- (void)locationManager:(CLLocationManager *)manager
       didFailWithError:(NSError *)error
{
    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"GPS Error" message:@"Error" delegate:self cancelButtonTitle:@"OK" otherButtonTitles:nil];
    [alert show];
    [alert release];
}

ビルドして実行すると、現在地の近くのスポット一覧が表示されたと思います。
よく見ると地図から元のリスト戻れません。戻れるようにしておきましょう。 navigationItem のタイトルを設定するだけで、ナビゲーションバーが使えるようになります。

RootViewController.m

- (void)viewDidLoad {
    [super viewDidLoad];
	self.navigationItem.title = @"ワイワイView";
    ...

Pin から詳細画面へのリンクを作成する

せっかくURLを持っているので、Pin から詳細画面へ飛べるようにしておきましょう。 MapAnnotation に URL プロパティを持たせます。

MapAnnotation.h

#import <Foundation/Foundation.h>
#import <MapKit/MapKit.h>

@interface MapAnnotation : NSObject<MKAnnotation> {
	NSString *title;
	NSString *subtitle;
	CLLocationCoordinate2D coordinate;
	NSString *url;
}
@property(nonatomic,retain) NSString *title;
@property(nonatomic,retain) NSString *subtitle;
@property(nonatomic,retain) NSString *url;
@property(nonatomic,readonly) CLLocationCoordinate2D coordinate;

-(id)initWithCoordinate:(CLLocationCoordinate2D )newcoordinate withTitle:(NSString *)newtitle withSubtitle:(NSString *)newsubtitle withUrl:(NSString *)newurl;
@end

MapAnnotation.m

#import "MapAnnotation.h"

@implementation MapAnnotation
@synthesize title,subtitle,coordinate,url;

-(id)initWithCoordinate:(CLLocationCoordinate2D )newcoordinate withTitle:(NSString *)newtitle withSubtitle:(NSString *)newsubtitle withUrl:(NSString *)newurl{
	if (!(self = [super init])) return nil;
	
	coordinate = newcoordinate;
	self.title = newtitle;
	self.subtitle = newsubtitle;
	self.url = newurl;
	return self;
}

-(void) dealloc{
	[title release];
	[subtitle release];
	[url release];
	[super dealloc];
}
@end

WaiwaiMapViewController の loadAnnotaions で、先程追加したURLプロパティを更新します。
WaiwaiMapViewController.m

	for (NSDictionary *dic in ary){
		// 各データを取得
		NSString *title = [[dic objectForKey:@"poi"] objectForKey:@"title"];
		NSString *subtitle = [[dic objectForKey:@"poi"] objectForKey:@"description"];
		NSString *url = [[dic objectForKey:@"poi"] objectForKey:@"link"];
		double lat = [[[dic objectForKey:@"poi"] objectForKey:@"latitude"] doubleValue];
		double lon = [[[dic objectForKey:@"poi"] objectForKey:@"longitude"] doubleValue];
		CLLocationCoordinate2D coord = CLLocationCoordinate2DMake(lat, lon);
		// MapAnnotaion データを作成
		MapAnnotation *anno = [[MapAnnotation alloc] initWithCoordinate:coord withTitle:title withSubtitle:subtitle withUrl:url];
		[annotations addObject:anno];
	}

ピンをクリックした際に表示されるフキダシ（Callout と呼びます）をカスタマイズするためには、MKMapViewDelegate を実装する必要があります。 したがって、WaiwaiMapViewController に MKMapViewDelegate を定義します。

WaiwaiMapViewController.m

@interface WaiwaiMapViewController : UIViewController<MKMapViewDelegate> {

vieDidLoad で、MKMapView の delegate に自分を登録します。

- (void)viewDidLoad {
    [super viewDidLoad];
	mapView = [[MKMapView alloc] initWithFrame:self.view.bounds];
	mapView.delegate = self;
	mapView.showsUserLocation = YES;

View を返却するメソッドを実装します。
WaiwaiMapViewController.m

#pragma mark MKMapViewDelegate
- (MKAnnotationView *)mapView:(MKMapView *)_mapView viewForAnnotation:(id <MKAnnotation>)annotation{
	MKAnnotationView *annotationView;
	// annotationView インスタンスを生成する。キャシュされているデータがある場合それを使う
	NSString* identifier = @"Pin";
	annotationView = (MKPinAnnotationView*)[_mapView dequeueReusableAnnotationViewWithIdentifier:identifier];
	if(nil == annotationView) {
		annotationView = [[[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:identifier] autorelease];
	}
	// annotation が、MapAnnotation クラスだった場合は、右側にボタンを設定する
	if([annotation isKindOfClass:[MapAnnotation class]]) {
		annotationView.rightCalloutAccessoryView = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
	}
	annotationView.canShowCallout = YES;
	return annotationView;
}

以上で、Callout の右側にボタンが表示されるようになりました。しかし、クリックしても何もおきません。 同じく MKMapViewDelegate の mapView: annotationView: calloutAccessoryControlTapped: を実装することでクリックした際の処理を実装できます。

WaiwaiMapViewController.m

// ボタンがタップされた場合の処理
- (void)mapView:(MKMapView *)_mapView annotationView:(MKAnnotationView *)view calloutAccessoryControlTapped:(UIControl *)control{
	if ([view.annotation isKindOfClass:[MapAnnotation class]]){
		MapAnnotation *anno = (MapAnnotation *)view.annotation;
		NSLog(@"call %@", anno.url);
		[[UIApplication sharedApplication] openURL:[NSURL URLWithString:anno.url]];
	}
}

この例では Safari のブラウザを開いていますが、アプリケーションが一旦閉じてしまうのであまり動作的にはあまり良くありません。UIWebView を使って内部のブラウザを開く方が良いと思いますが、本稿のテーマと外れるので割愛します。

完成

さて、いかがでしたでしょうか。/map/add にいくつかマップをロードしてみると、リストにも反映されるはずです。

実は、今回のように40件程度のデータであれば RSS から直接データを取得して、iPhone側で全件表示してしまっても実装することができます。しかし、データが大量にある場合は全て iPhone 側でやるのは重たくなってしまいます。データ件数が多い場合は特に、サーバ側で処理するのが適切でしょう。
また、GeoKit には、他にもジオコーディングの機能（緯度経度と住所を変換する機能）や、距離を計算する機能も備わっています。

もちろん位置情報アプリケーションを作るには、GeoKit 以外の選択肢もありえます。今回データベースに利用した PostgreSQL には、PostGIS という 空間情報を扱うことができるエクステンションがあります。この拡張を利用することで、より複雑な検索を行うことができるようになります。例えば、GeoKit では単純な範囲検索しかできないのに対し、PostGIS を利用することでポリゴンで範囲を指定して検索を行うことが可能となります。また、データ件数が大量にある場合も、空間インデックスを利用できるので検索速度を向上させることが可能です。
また、座標系の変換や、面積や距離、交差判定などの空間演算、KML と SVG の変換といった処理も行うことができます。
PostGIS の機能を Rails から利用する場合、GeoRuby という Plugin を利用することができます。 PostGISについては、WEB+DB PRESS の特集に詳しく書かせていただきました。

いかがでしたでしょうか。位置情報アプリケーション作りって本当にいいものですね。何か作ったらぜひジオメディアサミットで発表してください。7月30日（金）には、