map view

19
MapView Google Map

Upload: yamane-toshiaki

Post on 19-May-2015

1.489 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Map view

MapView

Google Map

Page 2: Map view

やること

• Google Maps API Key の取得

• 一番簡単なサンプル

• Zoom とか移動とか

• 画面の回転についてフォロー

Page 3: Map view

Maps API Key 取得手順• Google アカウントの取得

• SDK 証明書の fingerprint 取得

• API Key なサイトに fingerprint 登録

• 登録サイト http://bit.ly/9m54x4

• API Key の取得

Page 4: Map view

Google アカウントの取得

• 下記より適宜アカウント取得

• http://bit.ly/1vXXu4

Page 5: Map view

SDK 証明書の fingerprint 取得

• 以下に示すコマンドにて取得可能

• $ keytool -list -keystore "~/.android/debug.keystore"

• debug.keystore の位置は適宜調べること

• 出力される keystore をコピーしておく必要があります

Page 6: Map view

fingerprint 登録

• 前項でコピーした keystore を以下に登録

• http://bit.ly/9m54x4

Page 7: Map view

API Key の取得

• 表示されるキーを保存しておきましょう

• MapView オブジェクトを生成する際に必要となります

Page 8: Map view

サンプルの作成 (手順)

• Activity は MapActivity を継承

• isRouteDisplayed 実装

• MapView オブジェクト生成

• setContentView メソドに渡す

• Manifest への追記

Page 9: Map view

やってみよう

• Project Name : MapViewSample

• Build Target : Google APIs 1.6

• Application name : MapView

• Package name : com.example.mvs

• Create Activity : HelloActivity

Page 10: Map view

MapActivity の継承Activity は MapActivity を継承させる

public class HelloActivity extends Activity {

public class HelloActivity extends MapActivity {

Page 11: Map view

isRouteDisplayed メソドの実装

• MapActivity を import します

• Source → Override/Implement Methods 選択

• isRouteDisplayed をチェックして OK

Page 12: Map view

MapView オブジェクトいっちゃん簡単なサンプルが以下。

Page 13: Map view

最後に Android Manifest使用ライブラリの追記

Page 14: Map view

最後に Android Manifestパーミッション

Page 15: Map view

できあがり

• できあがり

• 動かしてみましょう

• 微妙では? (出ただけ的な意味で

Page 16: Map view

Zoom とか以下の二行を追加してみましょう

Zoom できて動かせるようになります

Page 17: Map view

初期表示レベル

• 初期表示時の Zoom レベルも設定可能

• MapView#getController().setZoom(数値)

• 数値を色々試してみましょう

Page 18: Map view

おまけ (画面の回転)

• 画面が回転する度に onDestroy → onCreate が呼ばれる

• Log 出力確認をしてみましょう

Page 19: Map view

おまけ (回転の抑制)

マニフェストの修正で抑制可能

landscape だと横専用になります