テクパー２０２０
テクニカルヘルパー


　アンドロイドアプリ開発　
◆ Ｇｏｏｇｌｅマップの表示
・ Ｇｏｏｇｌｅのマップを表示します

【 実行 】
１．新規プロジェクトで　「 ＷｅｂＭａｐｓ 」　を新規に作成します

１）ファイル(F)　→　新規(N)　→　プロジェクト(P)

２）Ａｎｄｒｏｉｄ　の　Ａｎｄｒｏｉｄ プロジェクト　を選択し、［次へ(N)］ボタン　をクリック
・プロジェクト名に　「 WebMaps 」　を入力
・ビルド・ターゲットの　□ Google ＡＰＩｓの２．２　を　チェック　（最新のバージョン）
・アプリケーション名に　「 WebMaps 」　を入力
・パッケージ名に　「 任意のドメイン名 」　を入力　（ドメイン名をパッケージ名に利用）
・□ Ｃｒｅａｔｅ Ａｃｔｉｖｉｔｙがチェック状態で、名称に　「 WebMaps 」　を入力
・［完了］ボタン　をクリック

※ Google API アドオン（import com.google.androidのAdd-on）

１）Android SDK 内にインストール
・ http://code.google.com/intl/ja/android/add-ons/google-apis/index.html

※ Ａｎｄｒｏｉｄ　Ｍａｐｓ　ＡＰＩ　キーの取得について


（プロジェクトの構成）



２．「 AndroidManifest 」　に追加
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.proto.webmaps"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".WebMaps"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <uses-library android:name="com.google.android.maps" />

    </application>

    <uses-permission>
      android:name="android.permission.INTERNET"
    </uses-permission>

</manifest>


３．「 WebMaps 」　を書き換え
package com.proto.webmaps;

import android.os.Bundle;
import com.google.android.maps.MapActivity;
import com.google.android.maps.MapController;
import com.google.android.maps.GeoPoint;
import com.google.android.maps.MapView;
//import android.view.Window;

public class WebMaps extends MapActivity {

/** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // setContentView(R.layout.main);書き換え
        
        // ウィンドウタイトルの非表示
        // requestWindowFeature(Window.FEATURE_NO_TITLE);

        // マップビューの生成（取得のＡｎｄｒｏｉｄ Ｍａｐｓ ＡＰＩ キーの設定）
        MapView mapView=new MapView(this,"0mzcivhlTzmQy1M-7pEAag6aQGrDMGiWACCEhHw");
        mapView.setEnabled(true);
        mapView.setClickable(true);
        setContentView(mapView);
        
        // マップの情報
        MapController mc=mapView.getController();
        // マップロケーション（位置）の指定
              （Ｇｏｏｇｌｅマップのサイトから緯度（８桁）、経度（９桁）を取得）
        mc.setCenter(new GeoPoint(35609127,140113235));
        // マップズームの指定
        mc.setZoom(16);

    }

    // ルートの表示
      @Override
      protected boolean isRouteDisplayed() {
          return false;
      } 

}


・機能の説明
AndroidManifest.xml にタグを追加

<uses-sdk android:minSdkVersion="8" />
 <uses-permission android:name="android.permission.INTERNET"/>
 
import com.google.android.maps.MapActivity; に変更

import android.app.Activity;
　↓
 import com.google.android.maps.MapActivity; 
public class WebMaps extends MapActivity { に変更

extends Activity　→　MapActivity 
com.google.android.maps のリファレンス
http://code.google.com/intl/ja/android/add-ons/google-apis/reference/
                       com/google/android/maps/package-summary.html
 
com.google.android.maps　のMapViewクラスの生成、指定

public MapView(android.content.Context context,java.lang.String apiKey)
（apikey にＧｏｏｇｌｅマップのサイトより取得の
           Ａｎｄｒｏｉｄ Ｍａｐｓ ＡＰＩ キー の指定）

// マップ制御の取得
public MapController getController()
 
android.view.View のViewクラスの指定
（com.google.android.maps.MapView は android.app.Activity を継承

// ビューの有効指定（true：有効、false：無効）
public void setEnabled (boolean enabled)

// クリックイベントの指定（true：有効、false：無効）
public void setClickable (boolean clickable)
 
com.google.android.maps　のMapControllerクラスの指定

public final class MapController()

// マップの中心位置の指定（地理上の位置）
public void setCenter(GeoPoint point)

// マップのズーム指定（ズームレベル：１〜２１）
public int setZoom(int zoomLevel)
 
com.google.android.maps　のGeoPointクラスの指定

public GeoPoint(int latitudeE6, int longitudeE6)
（latitudeE6：緯度　-80 〜 80）８桁
（longitudeE6：経度　-180 〜 180）９桁

// トーストの表示（アクティビティオブジェクト，表示テキスト，文字長）
public static Toast makeText (Context context, CharSequence text, int duration)
 
android.app.Activity　のActivityクラスの指定
（com.google.android.maps.MapActivity  は android.app.Activity を継承

// アクティビティのビューに配置（ビュー）
public void setContentView (View view)


４．プロジェクトの実行（実行構成の作成は、「プロジェクトの新規作成」を参照）

１）実行(R)　→　実行(R) 実行のイメージはここから！

５．Ｇｏｏｇｌｅマップの利用（Ａｎｄｒｏｉｄ　Ｍａｐｓ　ＡＰＩ　キーの取得）について

１）証明書のフィンガープリント (MD5)を調べます
・＜ユーザー＞フォルダー内にある．ａｎｄｒｏｉｄ フォルダーの「 keytool 」を実行します
（「 keytool 」はJAVAのJDKのbinにあります）
・コマンドプロンプトを起動します
・カレントフォルダーを　．ａｎｄｒｏｉｄ に変更します
・keytool -list -keystore debug.keystore　を実行します
・キーストアのパスワードを入力してください：　にＥｎｔｅｒキーで進めます
・出力された『証明書のフィンガープリント (MD5)：
08:08:08:08:08:08:08:08:08:08:08:08:08:08:08:08』 を調べます


２）ＧｏｏｇｌｅアカウントのＷｅｂサイトからログインします
（https://www.google.com/accounts/Login）
・Ｇｏｏｇｌｅアカウントがない場合は、新規に登録します

３）Ａｎｄｒｏｉｄ　Ｍａｐs　ＡＰＩ　Ｋｅｙ　Ｓｉｇｉｎｕｐ　から 「 android:apiKey 」 を取得します
（http://code.google.com/intl/ja/android/maps-api-signup.html）
・キー情報の取得設定
⇒ I have read and agree with the terms and conditions (printable version)　にチェック
⇒ My certificate's MD5 fingerprint:　に「証明書のフィンガープリント (MD5)」の値を入力
⇒ ［Ｇｅｎｅｒａｔｅ ＡＰＩ Ｋｅｙ］をクリック


・キー情報の取得
Copyright (C) 2010 プログラミングのテクニックをあなたに！！（リトル・ヘルパー） All Rights Reserved.