Android ~Googleマップアプリ 開 発 ~ 佐 野 尚 之 1
本 ドキュメントのライセンスについて この 作 品 は クリエイティブ コモンズのAttribution 3.0 Unportedライセンスの 下 でライ センスされています この 使 用 許 諾 条 件 を 見 るには http://creativecommons.org/licenses/by/3.0/をチェック するか クリエイティブ コモンズに 郵 便 にてお 問 い 合 わせください 住 所 は:171 Second Street, Suite 300, San Francisco, California 94105, USA です 原 作 者 のクレジット( 氏 名 作 品 タイトルとURL)を 表 示 することを 守 れば 改 変 はもちろん 営 利 目 的 での 二 次 利 用 も 許 可 される 最 も 自 由 度 の 高 いCCライセンス http://creativecommons.jp/ 2
第 1 版 変 更 履 歴 2011/8/6 (2011/5/29 頃 から 作 成 開 始 ) オープンソースの LibreOffice 3.4.0 を 使 用 して 作 成 Webブラウザは Firefox 5 を 使 用 圧 縮 ファイルの 解 凍 はフリーソフトの Lhaplus を 使 用 一 部 の 操 作 でフリーソフトの サクラエディタ を 使 用 3
目 次 OS 開 発 環 境 Androidなどの 対 象 バージョン 5 作 業 フォルダについて 6 Googleマップアプリケーションの 開 発 準 備 7 Googleマップ 画 面 の 作 成 16 参 考 情 報 29 4
OS 開 発 環 境 Android Androidなどの 対 象 バージョン OS Windows 7 Home Premium(64bit 版 ) AndroidはWindows XP, Windows Vista, Linux, Mac OS Xでも 動 作 します 動 作 確 認 環 境 Acer Aspire 1410 Intel Celeron processor SU2300(1.2GHz, 800MHz FSB) 8GBメモリに 変 更 HDD250GB 開 発 環 境 Eclipse 3.7.0 Indigo Pleiades All in One 3.7.0 + Android Development Toolkit(ADT) Androidの の 対 象 バージョン Android SDK 2.3.3 Java SE Development Kit (JDK)の の 対 象 バージョン JDK 6 update23 以 降 5
作 業 フォルダについて 本 ドキュメントの 指 定 通 りの 場 所 ではなくても 問 題 はありません 別 のドライブやフォルダを 指 定 した 場 合 は ドライブ 名 やフォルダ 名 を 読 み 替 えてくだ さい 6
Googleマップアプリケーションの 開 発 準 備 (1/9) MD5とGoogle API Keyの 取 得 1 コマンドプロンプトを 起 動 します 7
Googleマップアプリケーションの 開 発 準 備 (2/9) 2 cd.android を 入 力 後 にEnterキーを 押 下 して.androidフォルダに 移 動 します 3 C:\pleiades-e3.7-java-jre_20110704\jre1.6\bin\keytool -list -keystore "%USERPROFILE%\.android\debug.keystore" を 入 力 後 にEnterキーを 押 下 します パスワードは 入 力 せずにEnterキーを 押 下 します (MD5): の 後 ろに 実 行 したPCの 固 有 値 が 表 示 されます このMD5の 値 はGoogle Maps API Keyに 取 得 に 必 要 なのでテキストエディタなどにコピーします 8
Googleマップアプリケーションの 開 発 準 備 (3/9) 4 Googleアカウントへのサインアップを 求 められます Googleアカウントが 無 い 場 合 は http://www.google.com/accounts/ にアクセスしてGoogleアカウントを 作 成 します 日 本 語 のページで 簡 単 に 登 録 できるので 説 明 は 省 略 します 5 ブラウザを 起 動 して http://code.google.com/intl/ja/android/maps-api-signup.html に アクセスします チェックボックスへのチェックとMD5のキーを 入 力 後 に Generate API Key ボタンをクリックします 9
Googleマップアプリケーションの 開 発 準 備 (4/9) 6 Googleアカウントとパスワードを 入 力 してログインします 10
Googleマップアプリケーションの 開 発 準 備 (5/9) 7 作 成 されたキー(1) MD5のキー(2)が 画 面 に 表 示 されます 作 成 されたキー(1)を テキストエディタなどで 保 存 しておいてください 1 2 1 11
Googleマップアプリケーションの 開 発 準 備 (6/9) Eclipse 起 動 デスクトップに 配 置 したEclipseのショートカットをダブルクリックします (ワークスペースの 選 択 は C:\workspace を 選 択 ) 12
Googleマップアプリケーションの 開 発 準 備 (7/9) Google AVD 作 成 1 ウインドウ ー Android SDK および AVD マネージャー を 選 択 します 13
Googleマップアプリケーションの 開 発 準 備 (8/9) 2 新 規 ボタンをクリックします 14
Googleマップアプリケーションの 開 発 準 備 (9/9) 3 名 前 GoogleAVD_Level10 の 入 力 とターゲットを 選 択 後 に Create AVD ボタン をクリックします 15
Googleマップ 画 面 の 作 成 (1/13) 1 プロジェクト 作 成 (1) ファイル - 新 規 - Androidプロジェクト を 選 択 します 16
Googleマップ 画 面 の 作 成 (2/13) (2) プロジェクト 名 に GoogleMaps を 入 力 ビルドターゲットの Google APIs をチェック アプリケーション 名 に GoogleMaps を 入 力 パッケージ 名 に jp.ne.sakura.rururu.googlemaps を 入 力 アクティビティーの 作 成 のチェックをはずしてから 完 了 ボタンをクリック します 17
Googleマップ 画 面 の 作 成 (3/13) 2 main.xmlの 編 集 (1) GoogleMapsプロジェクトの res - layout ー main.xml を 選 択 右 クリックメニューの main.xml を 選 択 し 右 クリックメニューの テキスト エディター を 選 択 します 18
Googleマップ 画 面 の 作 成 (4/13) (2) 以 下 のコードを 削 除 します 19
Googleマップ 画 面 の 作 成 (5/13) (3) 以 下 のコードを 追 加 して 保 存 します Android Maps キーを 入 力 20
Googleマップ 画 面 の 作 成 (6/13) 3 AndroidManifest.xmlの 編 集 (1) GoogleMapsプロジェクトの AndroidManifest.xml を 選 択 右 クリックメニューの main.xml を 選 択 し 右 クリックメニューの テキスト エディター を 選 択 します 21
Googleマップ 画 面 の 作 成 (7/13) (2) 以 下 のコードを 追 加 して 保 存 します 追 加 22
Googleマップ 画 面 の 作 成 (8/13) 4 クラス 作 成 (1) GoogleMapsプロジェクトの src - jp.ne.sakura.rururu.googlemaps を 選 択 右 クリックメニュー の 新 規 - クラス を 選 択 します 23
Googleマップ 画 面 の 作 成 (9/13) (2) 名 前 に GoogleMapsActivity を 入 力 スーパークラスに com.google.android.maps.mapactivity を 入 力 後 に 完 了 ボタンをクリックします 以 下 のコードが 生 成 されます 24
Googleマップ 画 面 の 作 成 (10/13) (3) ソースコードを 編 集 します 追 加 25
Googleマップ 画 面 の 作 成 (11/13) 5 実 行 (1) 実 行 - 実 行 を 選 択 します (2) 以 下 の 画 面 が 表 示 された 場 合 は Android アプリケーション を 選 択 して OK ボタンをクリックします 26
Googleマップ 画 面 の 作 成 (12/13) (3) MENU をクリックします 27
Googleマップ 画 面 の 作 成 (13/13) (4) 以 下 の 画 面 が 表 示 されれば 成 功 です ログの 一 部 28
参 考 情 報 Googleマップを 使 用 するAndroidアプリを 作 成 する http://www.techfirm.co.jp/lab/android/googlemap.html AndroidでのGoogle APIを 使 った 地 図 表 示 http://japan.internet.com/column/developer/20080822/26.html AndroidでGoogle Mapsを 使 う 最 も 簡 単 なサンプル http://www.adamrocker.com/blog/230/android_maps_the_simplest_sample.html 地 図 / 位 置 情 報 /GPSを 使 うAndroidアプリを 作 るには http://www.atmarkit.co.jp/fsmart/articles/android16/android16_1.html Android 入 門 - Googleマップを 使 用 する - http://labs.agenda-style.jp/blog/2011/02/android---google--.html Google APIs Add-OnでGoogleマップを 使 う http://libro99.appspot.com/index3?id=160001 29