Android maps (Mac)

事をしていると、地図を表示したいけどどうしたらいい?というような質問を多くされます。
私は、地図関連のアプリに関わる事がなかったので作った事はないので
あまり正しい情報を提供する事ができませんでした。


そんなのが続いているので、そろそろ地図関連の勉強をしようかと思います。
まずは・・・・
Eclipse で新規プロジェクトを作成します。
Project build target は Google APIs を選択しました。
create Activity にチェックをして、いつも通り「MainActivity」と入力

・・・・ あとで気がつくんですが、アプリを端末にインストールすると強制終了になりました。

作成されたプロジェクトの中の MainActivity を開きます。

onCreate の中で MapView を作成し、setContentView(map); とすればアプリを起動したらマップが表示されるはずです。
このときは気がついていなかったのですが

class MainActivity extends Activity の記述を修正する必要がありました。
Activity を MapActivity に修正します。こうしないとエラーで強制終了になってしまいます。

エラーログに MapActivity じゃないと MapView は作れないよ!って書いてありました。

とうわけでメモを残しておきます。整理したものは別サイトに Tipsかチュートリアルで書こうと思います。

  • 新規プロジェクトを作成する
    • project build target は Google APIs (今回はLevel7を選択しました)
    • create activity
      MainActivity と入力しました
  • AndroidManifest.xml を修正する
    • Applicationの中に
      <uses-library android:name="com.google.android.maps" />
    • インターネットを使うので
      <uses-permission android:name="android.permission.INTERNET" />
  • MainActivity を修正
    • class MainActivity extends Activity
      class MainActivity extends MapActivity に修正
    • onCreate の中
      MapView mapView = new MapView(this,
                      "MAP KEY");
      this.setContentView(mapView);
  • MAP KEY を取得
    • http://code.google.com/intl/ja/apis/maps/index.html
    • 必要になるのがアプリに付ける署名のフィンガープリント
    • フィンガープリントの取得
      • keytool -list -keystore /Users/macuser/.android/debug.keystore
      • これは Mac の場合の記述です。赤文字の部分は自分の環境にあわせてください。
      • パスワードを要求されますが、デバッグキーのためパスワードは未入力でエンターキーを押しました。
      • 証明書のフィンガープリント (MD5): **:CD:**:76:**:F0:**:5E:**:0C:**:5C:**:19:**:83
      • (MD5):より後ろの文字列を上記サイトで入力すると Maps API Key を取得できます。
      • (フィンガープリントなので伏せ字にしなくてもよさそうですけど・・・誤解が内容に伏せ字にしてます)
      •  MAP KEY を取得したキーに置き換えれば完成
けっこうあっさりとできました。
アプリを公開するときは、MAP KEY を公開用の署名で取得したものに置き換える事を忘れないようにします。まずは、アプリ開発のときはデバッグキーで MAP KEY を取得するのがいいと思います。

デバッグキーの場所を調べる方法
Eclipse の Windws > Preferences > Android > build 
default debug keystore に場所が記載されています。

私の場合は、他のPCでも同じキーを使用したいので、Custom debug key store を使用しています。

とりあえず簡単に地図を表示させる事ができました。

0 件のコメント:

コメントを投稿