Aries Kubo081125

12
2008年 11月 25日 アリエス勉強会 久保

Transcript of Aries Kubo081125

Page 1: Aries Kubo081125

2008年 11月 25日

アリエス勉強会

久保

Page 2: Aries Kubo081125

Rubyスクリプトを利用して

画像のGPS情報を取得し、

GoogleMapAPIを利用して、

地図を表示する。

Page 3: Aries Kubo081125

・格納元フォルダ以下から画像データを抽出

・画像データからGPS情報を抽出

・GoogleMapAPIを導入

・地図を表示

仕様

Page 4: Aries Kubo081125

1. GPS 情報取得のために - .ruby e xif rb を改造2.携帯電話で GPS 情報を付与した写真を撮影(前回できないと思っていたが、画像に GPS 情報を付与できた。)3.撮影した写真の GPS 情報から撮影場所の経度、緯度を取得(ここまでは前回でやった)

4. Go o g le MapAPIのキーを取得する。

5. JavaS c rip t で Go o g le Map を表示するコードを記述

6. Go o g le マップで撮影場所を表示。

処理の流れ

Page 5: Aries Kubo081125

4. Go o g leMapAPIのキーを取得する。

Googleマップを利用するサイトのURLを入力し、ボタンを押す。

Page 6: Aries Kubo081125

4. Go o g leMapAPIのキーを取得する。

キーを取得

キーが有効な URL

JavaScriptコードの例

Page 7: Aries Kubo081125

5. JavaS c rip t で Go o g leMap を表示するコードを記述

取得したキーを記述

headに JavaScriptを記述

この部分にマップが表示される。サイズを指定する。

Page 8: Aries Kubo081125

5. JavaS c rip t で Go o g leMap を表示するコードを記述

⑥⑦

Page 9: Aries Kubo081125

6. Go o g le マップで撮影場所を表示。

② ③

Page 10: Aries Kubo081125

問題点

大幅にずれてる

家で写真を撮ったので、本当は東京都港区海岸3丁目が表示されるはず。

携帯の GPSでは正しい位置が表示されていたので、ruby-exif.rbファイルに記述されているコードが不適切で、画像から取得された GPSによる経度と緯度が携帯のものと異なっている可能性がある。

しかし、コードを見てもわからず。。

少し調べたところ、 GPSの計測の仕方が世界標準と日本で違うために生じている可能性がある。

また機会があれば詳しく見てみる。

Page 11: Aries Kubo081125

おわり

Page 12: Aries Kubo081125

5. Go o g leMap を表示するコードを記述(補足)