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

現在地を表示する

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

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

- (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 に追加します。

#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 のタイトルを設定するだけで、ナビゲーションバーが使えるようになります。

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

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

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

#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

#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

	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 を定義します。

@interface WaiwaiMapViewController : UIViewController<MKMapViewDelegate> {

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

#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: を実装することでクリックした際の処理を実装できます。

// ボタンがタップされた場合の処理
- (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日（金）には、 ]]> tag:lab.cirius.co.jp,2010:/blog//1.91 2010-06-29T08:26:15Z 2010-06-29T09:54:42Z

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

iPhone アプリケーションを作成する

前編では、Yahoo! ワイワイマップのPOIデータを緯度経度で検索し、JSON形式で出力できるRailsアプリケーションを作成しました。今度は、そのデータを表示するための iPhone アプリケーションを作成します。
XCode を起動し、新規のアプリケーションを作成します。

アプリケーション作成

マップ一覧の実装

まずは、現在あるマップの一覧を取得して、リストへ表示しましょう。 JSON 形式のデータをパースするために、JSON Framework を利用することとします。
http://code.google.com/p/json-framework/ より、dmg ファイルをダウンロードします。執筆時点での最新、JSON_2.2.3.dmg をダウンロードしました。

ダウンロードした dmg ファイルをマウントするといくつかフォルダがありますが、JSON フォルダを XCode の「グループとファイル」へドラッグドロップします。 その際に出てくるウィンドウで、「ディスティネーショングループのフォルダに項目をコピーする」のチェックを入れ、追加ボタンを押します。

リストを表示するためには、http://#{前編でセットアップしたサーバ}/map/ から取得できるJSONをパースし、一覧へ表示します。 まずは RootViewController.m の先頭に、

#import "JSON.h"

また、RootViewController.h に、マップ一覧を格納するための変数定義を追加します。

@interface RootViewController : UITableViewController {
	NSArray *maps;
}
@end

- (void)dealloc {
	[maps release];
    [super dealloc];
}

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

// Customize the number of rows in the table view.
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return [maps count];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    static NSString *CellIdentifier = @"Cell";
    
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
    }
    
	cell.textLabel.text = [[[maps objectAtIndex:indexPath.row] objectForKey:@"map"] objectForKey:@"title"];

    return cell;
}

地図の表示

ファイルの種類は、UIViewController subclass にします。オプションは選択しません。

ファイル名は WaiwaiMapViewController としました。

Frameworks を右クリックし、CoreLocation 及び MapKit フレームワークを追加します。

WaiwaiMapViewController.m にて、

#import <CoreLocation/CoreLocation.h>

RootViewController から WaiwaiMapViewController を呼び出すため、import と 変数を追加します。

#import <UIKit/UIKit.h>
#import "WaiwaiMapViewController.h"

@interface RootViewController : UITableViewController {
	NSArray *maps;
	WaiwaiMapViewController *waiwaiMapViewController;
}
@end

マップ名をクリックした際にマップビューを呼び出すようにします。

- (void)viewDidLoad {
    [super viewDidLoad];
	// 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];
}
...
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
	[self.navigationController pushViewController:waiwaiMapViewController animated:YES];
}
...
- (void)dealloc {
	[waiwaiMapViewController release];
	[maps release];
    [super dealloc];
}

WaiwaiMapViewController から、地図を表示できるように変更します。

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

@interface WaiwaiMapViewController : UIViewController {
	MKMapView *mapView;
}

@end

- (void)viewDidLoad {
    [super viewDidLoad];
	mapView = [[MKMapView alloc] initWithFrame:self.view.bounds];
	mapView.showsUserLocation = YES;
	[self.view insertSubview:mapView atIndex:0];
}
- (void)dealloc {
	[mapView release];
    [super dealloc];
}

ビルドして、マップ名をクリックすると地図が表示されるようになったと思います。 シミュレータ上では、現在地は常にApple本社が表示されてしまうので、アップルにいることになってしまいます。実機で試すと、現在地が取得できます。
（iPhone SDK 4 beta 2 より、シミュレータでも現在地が取得できるようになりました。）

地図上に Pin を表示する

これではただ地図が表示されるだけですので、マップ内のアイテムを Pin で表示してみましょう。

Pin を表示するためには、MKAnnotation protocol を実装したオブジェクトを作る必要があります。 新規ファイルを追加し、NSObject を継承した MapAnnotation クラスを作成します。
作成したオブジェクトに MKAnnotaion protocol の定義を加えましょう。 MKAnnotation は地図上にオブジェクトを配置するためのプロトコルで、 coordinate プロパティ、title プロパティ、subtitle プロパティを定義することが可能です。 coordniate プロパティ以外は必須ではありませんが、今回は全て利用します。

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

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

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

ワイワイマップのデータをサーバから取得して MapAnnotation のインスタンスに格納し、MapView に表示する処理を行います。

#import "MapAnnotation.h"
#import "JSON.h"

@interface WaiwaiMapViewController : UIViewController {
	MKMapView *mapView;
	NSMutableArray *annotations;
	int waiwaiMapId;
	CLLocationCoordinate2D center;
}
@property int waiwaiMapId;
-(void)setCenter:(CLLocationCoordinate2D)newcoordinate;
-(void)loadAnnotaions;
@end

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
    if (!(self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil])) return nil;

	annotations = [[NSMutableArray arrayWithCapacity:0] retain];
    return self;
}

- (void)dealloc {
	[mapView release];
	[annotations release];
    [super dealloc];
}

-(void)setCenter:(CLLocationCoordinate2D)newcoordinate{
	center = newcoordinate;
}
-(void)loadAnnotaions{
	// 配列を初期化
	[annotations removeAllObjects];
	
	NSString *urlString = [NSString stringWithFormat:@"http://192.168.10.91:3000/map/search/%d/?ll=%0.6f,%0.6f",
						   self.waiwaiMapId, center.latitude, center.longitude];
	NSURL *url = [NSURL URLWithString:urlString];
	// サーバのデータを取得
	NSString *jsonString = [NSString stringWithContentsOfURL:url
													encoding:NSUTF8StringEncoding
													   error:nil];
	// JSON データをパースして NSArray に変換
	NSArray *ary = [jsonString JSONValue];
	// MapAnnotaion の配列を生成
	for (NSDictionary *dic in ary){
		// 各データを取得
		NSString *title = [[dic objectForKey:@"poi"] objectForKey:@"title"];
		NSString *subtitle = [[dic objectForKey:@"poi"] objectForKey:@"description"];
		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];
		[annotations addObject:anno];
	}
	// mapView に登録
	[mapView addAnnotations:annotations];
	// 中心点 を指定された場所に移動
	MKCoordinateRegion region;
	MKCoordinateSpan span;
	span.latitudeDelta= 0.5;
	span.longitudeDelta= 0.5;
	
	region.span=span;
	region.center=center;
	mapView.region = region;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
  	// waiwaiMapId をセット
	waiwaiMapViewController.waiwaiMapId = [[[[maps objectAtIndex:indexPath.row] objectForKey:@"map"] objectForKey:@"id"] intValue];
	[self.navigationController pushViewController:waiwaiMapViewController animated:YES];
}

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
    if (!(self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil])) return nil;
	
	annotations = [[NSMutableArray arrayWithCapacity:0] retain];
	// 初期値を渋谷に
    center = CLLocationCoordinate2DMake(35.647401, 139.716911);
    return self;
}

- (void)viewDidLoad {
    [super viewDidLoad];
	mapView = [[MKMapView alloc] initWithFrame:self.view.bounds];
	mapView.delegate = self;
	mapView.showsUserLocation = YES;
	[self.view insertSubview:mapView atIndex:0];
	if (waiwaiMapId > 0){
		[self loadAnnotaions];
	}
}

実行すると、地図が渋谷に変更され、ピンが表示されるはずです。 ピンをタップすると、詳細の一部が表示されます。

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

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

Yahoo!ワイワイマップでは、色々なユーザーがPOI情報を共有してオリジナルのマップを作成しています。 今回は、この中から好きなマップを選んで、iPhone の地図上で検索や表示ができるようにしてみます。

利用する主な技術
クライアント：
・iPhone App （Objective-c）
・MapKit

サーバ
・Ruby on Rails
・GeoKit
・PostgreSQL

まずは、サーバ側の設定を行いましょう。今回は、Ruby on Rails でシステムを作成します。 検証の環境には、Ubuntu-8.04-Japanese を利用しました。

サーバアプリケーションの作成

Ruby on Rails のインストール

まずは、ワイワイマップのデータを、自分のサーバ上で検索可能にするためのサーバをセットアップします。データベースには、のちの PostGIS のインストールを考慮して PostgreSQL を採用しましたが、ポリゴンデータなどの空間情報を利用した検索が必要なければ、MySQL でも問題はありません。(今回の記事では、空間情報検索は行ないません。PostGISの詳細についてはWeb+DB PRESS側をご確認ください。)

$ sudo apt-get install postgresql

インストールすると、postgres ユーザが作成されます。パスワードを設定しましょう。

$ sudo passwd postgres

$ sudo apt-get install ruby-full build-essential
$ sudo apt-get install apache2 apache2-mpm-prefork apache2-prefork-dev

$ sudo apt-get install rubygems
$ export PATH=/var/lib/gems/1.8/bin:$PATH

$ sudo gem update --system

$ vi /usr/bin/gem

Gem.manage_gems
の行を
#Gem.manage_gems
に変更し、以下の行を追加

require 'rubygems'
require 'rubygems/gem_runner'
#Gem.manage_gems

$ sudo gem install rails

$ sudo gem install pg

アプリケーション環境のセットアップ

$ sudo su - postgres
$ createuser -P waiwaiview

$ cd ~/Documents/webapps/
$ rails waiwaiview -d postgresql    # DB に Postgres を指定
$ cd waiwaiview

$ sudo apt-get install git-core
$ script/plugin install git://github.com/andre/geokit-rails.git

config.gem "geokit"

$ sudo rake gems:install
$ sudo gem install geokit

$ createdb waiwaiview_development

development:
  adapter: postgresql
  encoding: unicode
  database: waiwaiview_development
  pool: 5
  username: waiwaiuser
  password: hogehoge
  host: localhost

<rss version="2.0" xmlns:georss="http://www.georss.org/georss"  xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"  xmlns:ygeorss="http://map.yahoo.co.jp/ygeorss" xmlns:media="http://search.yahoo.com/mrss"> 
  <channel> 
    <title>ワイワイマップ - 幕末維新を歩く</title> 
    <link>http://waiwai.map.yahoo.co.jp/map?mid=vb3zf6HEm9whRdlD08NsDw9pEecHGsrUrSU-</link> 
    <description>幕末に関するスポット情報をどんどん教えてください。みんなでマップを広げましょう！ 
マップ作成者が入力している登録スポットは、山と渓谷社刊「坂本龍馬を歩く」から情報提供をいただいています。</description> 
    <language>ja</language> 
    <copyright>Copyright (C) 2010 Yahoo Japan Corporation. All Rights Reserved.</copyright> 
    <pubDate>Mon, 07 Dec 2009 23:27:47 +0900</pubDate> 
    <lastBuildDate>Mon, 19 Apr 2010 20:47:44 +0900</lastBuildDate> 
    <image> 
      <title>ワイワイマップ</title> 
      <link>http://map.yahoo.co.jp/</link> 
      <url>http://proxy.ymdb.yahoofs.jp/map/yymap20071112/5434baa0c3d42d17f37ead1a3d34e5a2/11948655150.42117200/5434baa0c3d42d17f37ead1a3d34e5a211948655150.42117200_large?jpElEzLB3wHhDVmQ</url> 
    </image> 
    <item> 
      <title>寺田屋</title> 
      <link>http://rd.yahoo.co.jp/rss/l/maps/yymap/map/*http://waiwai.map.yahoo.co.jp/spot?mid=vb3zf6HEm9whRdlD08NsDw9pEecHGsrUrSU-&sid=VRpgTRGGh9SiPa8B_2bJUoOly.gWBzLLKbcHl4WRwp8-</link> 
      <description>京都と大阪を結ぶ三十石船の船宿として、幕末には龍馬をはじめ勤王の志士たちの定宿となった。勤王派の急先鋒有馬新七ら薩摩藩士が上意討ちになった寺田屋騒動や、龍馬と三吉慎蔵が役人に囲まれ、おりょうの機転で逃れた話でも有名だ。そのときに龍馬がとまっていたという部屋を見学することができる。見学＝10～15時40分、不定休、400円、075-611-1223　宿泊＝1泊6500円、075-622-0243</description> 
      <pubDate>Fri, 02 Nov 2007 15:22:49 +0900</pubDate> 
      <guid isPermaLink="false">yahoo/maps/yymap/map/VRpgTRGGh9SiPa8B_2bJUoOly.gWBzLLKbcHl4WRwp8-</guid> 
      <ygeorss:point>135.76240111 34.92714694</ygeorss:point> 
      <geo:Point><geo:long>135.75953654126</geo:long> 
      <geo:lat>34.93037517173</geo:lat></geo:Point> 
      <georss:point>34.93037517173 135.75953654126</georss:point> 
      <ygeorss:code>26109</ygeorss:code> 
    </item> 
    <item>....</item>

$ ./script/generate model map title:string link:string description:text pub_date:datetime lastbuild_date:datetime image:string 
$ ./script/generate model poi map_id:integer title:string description:text link:string pub_date:datetime latitude:decimal longitude:decimal 

$ rake db:migrate
(in /home/hal/Documents/webapps/waiwaiview)
==  CreateMaps: migrating =====================================================
-- create_table(:maps)
NOTICE:  CREATE TABLE will create implicit sequence "maps_id_seq" for serial column "maps.id"
NOTICE:  CREATE TABLE / PRIMARY KEY will create implicit index "maps_pkey" for table "maps"
   -> 0.0505s
==  CreateMaps: migrated (0.0510s) ============================================

==  CreatePois: migrating =====================================================
-- create_table(:pois)
NOTICE:  CREATE TABLE will create implicit sequence "pois_id_seq" for serial column "pois.id"
NOTICE:  CREATE TABLE / PRIMARY KEY will create implicit index "pois_pkey" for table "pois"
   -> 0.0219s
==  CreatePois: migrated (0.0220s) ============================================

class Map < ActiveRecord::Base
  has_many :pois     #MAP は 複数の POI を持つ
end

class Poi < ActiveRecord::Base
  belongs_to :map    #POI は MAP に所属する

  # longitude, latitude を GeoKit の検索対象とする
  acts_as_mappable :lng_column_name => 'longitude', :lat_column_name => 'latitude'  
end

$ ./script/generate controller map

require "rexml/document"
require 'open-uri'
require 'date'
include REXML
class MapController < ApplicationController
  def add
    doc = Document.new open(params[:url]).read
    title = doc.elements['//channel/title'].text 
    link = doc.elements['//channel/link'].text 
    description = doc.elements['//channel/description'].text
    pubdate = DateTime.parse(doc.elements['//channel/pubDate'].text)
    lastBuildDate = DateTime.parse(doc.elements['//channel/lastBuildDate'].text)
    image = doc.elements['//channel/image/url'].text 
    if (Map.find_by_link(link)) then
      map = Map.find_by_link(link)
      map.title = title
      map.link = link
      map.description = description
      map.pub_date = pubdate
      map.lastbuild_date = lastBuildDate
      map.image = image
    else
      map = Map.new :title => title, :link => link, :description => description,
      :pub_date => pubdate, :lastbuild_date => lastBuildDate, :image => image
    end
    map.save
    
    doc.elements.each('//channel/item') do |i|
      link = i.elements['./link'].text
      if (map.pois.find_by_link(link) ) then
        item = map.pois.find_by_link(link)
        item.title = i.elements['./title'].text
        item.description = i.elements['./description'].text
        item.link = link
        item.pub_date = i.elements['./pubDate'].text,
        ll = i.elements['./georss:point'].text
        item.latitude = ll.split(' ')[0]
        item.longitude = ll.split(' ')[1]
        item.save
      else
        ll = i.elements['./georss:point'].text
        map.pois.create :title => i.elements['./title'].text, :description => i.elements['./description'].text, 
        :link => link, :pub_date => i.elements['./pubDate'].text, 
        :latitude =>  ll.split(' ')[0], :longitude => ll.split(' ')[1]
      end
    end
    render :text => "imported. id is #{map.id}"
  end
end

def search
    ll = params[:ll]
    lat = ll.split(',')[0]
    lon = ll.split(',')[1]
    map = Map.find(params[:id])
    @pois = map.pois.find(:all, :origin =>[lat,lon], :within=>10)  # 10 miles
    render :json => @pois
  end        

[{"poi":{"updated_at":"2010-04-20T15:28:46Z","map_id":1,"latitude":35.73223311104,"title":"\u5409\u7530\u677e\u9670\u30fb\u6885\u7530\u96f2\u6d5c\u30fb\u6a4b\u672c\u4f50\u5185\u306e\u304a\u5893","pub_date":null,"id":4,"description":"\u6c5f\u6238\u6642\u4ee3\u3001\u5c0f\u585a\u539f\u5211\u5834\u304c\u3042\u3063\u305f\u5834\u6240\u3002 \n\u5b89\u653f\u306e\u5927\u7344\u3067\u6355\u3089\u3048\u308c\u305f\u5fd7\u58eb\u305f\u3061\u304c\u3053\u3053\u3067\u846c\u3089\u308c\u305f\u3002","longitude":139.79775416856,"link":"http://rd.yahoo.co.jp/rss/l/maps/yymap/map/*http://waiwai.map.yahoo.co.jp/spot?mid=vb3zf6HEm9whRdlD08NsDw9pEecHGsrUrSU-&sid=oOQmJ4GGh9QBluTQLS_byCuh4OfDj_pCwAJ9wboM","distance":"7.42021327863118","created_at":"2010-04-20T15:27:01Z"}},{"poi":{"updated_at":"2010-04-20T15:28:46Z","map_id":1,"latitude":35.67362999119,"title":"\u6d77\u821f\u4f4f\u5c45\u8de1","pub_date":null,"id":6,"description":"\uff13\u4e01\u76ee\uff11\uff13\u756a\uff12\u53f7\u3001\u8d64\u5742\u7530\u753a\u4e2d\u901a\u308a\u3001\u73fe\u5728\u3067\u3044\u3048\u3070\u307f\u3059\u3058\u901a\u308a\u306e\u30c9\u30c8\u30fc\u30eb\u30b3\u30fc\u30d2\u30fc\u306e\u8fba\u308a\u306b\u3001\u65b0\u5a5a\u306e\uff12\uff13\u6b73\uff08\u5f18\u5316\u4e8c\u5e74\uff1d\uff11\uff18\uff14\uff15\uff09\u304b\u3089\u5b89\u653f\u5143\u5e74\uff08\uff11\uff18\uff15\uff14\uff09\u672c\u6c37\u5ddd\u5742\u4e0b\u306e\u5c4b\u6577\u306b\u79fb\u308b\u307e\u3067\u306e\u8db3\u639b\u3051\uff11\uff10\u5e74\u3092\u3053\u3053\u3067\u904e\u3054\u3057\u305f","longitude":139.73754160297,"link":"http://rd.yahoo.co.jp/rss/l/maps/yymap/map/*http://waiwai.map.yahoo.co.jp/spot?mid=vb3zf6HEm9whRdlD08NsDw9pEecHGsrUrSU-&sid=09_OZ2CGh9T5dlOhLH5fAjgJMlxYiZMxAiPeUM_5IDk-","distance":"2.15311756546662","created_at":"2010-04-20T15:27:01Z"}}]

def index
    render :json => Map.find(:all)
end