Monday, June 27, 2011

Android Google Map Application Example


Android Google Maps Application
  • To integrate with Google maps application you need to apply for a free Google Map API Key.
  • To get the Google Map API Key you need to sign up for the Android Maps API.
  • To sign up, you will need to provide the certificate's fingerprint (MD5).
  • If you have a certificate fingerprint (MD5) you can sign up here and get the API Key.
To get certificate fingerprint (MD5) follow the simple steps below:
  • You need to get the keystore file for getting the certificate fingerprint (MD5).
  • Your keystore file can be found at the following path
"C:\Documents and Settings\<username>\Local Settings\Application Data\Android"
(Or)
"C:\Documents and Settings\<username>\.android"
  • Keystore file name is "debug.keystore" file.
  • Copy the "debug.keystore" file to some other folder (ex: - "D:\Androidkeystore\") (its user friendly to use).
  • Open command Prompt and go to the Java installed directory. ("C:\Program Files\Java\<JDK_version_number>\bin")
  • Then type the below line (given in box) and press enter.
keytool.exe -list -alias androiddebugkey -keystore "D:\AndroidKeystore\debug.keystore" -storepass android -keypass android
Now you will get a certificate fingerprint (MD5). (see the below image).
getmd5certificate
Here the MD5 certificate fingerprint is"64:88:A2:FC:AA:9F:B1:B0:CA:E4:D0:24:A8:1E:77:FB"
Enter the MD5 certificate fingerprint in the textbox and get the API Key (see below image)
signupformapapikey
After clicking the Generate API Key Button , you will get Google Map API Key (red circled).
getxmlcodeformap
Now the sample xml layout code to use the Google map application in Android is as specified below
Coding:-
To use Google map in your application, you need to add <uses-library> element together with the <uses- permission> in AndroidManifest.xml file.
Now your AndroidManifest.xml code looks like
[sourcecode language="xml"]
<?xml version="1.0? encoding="utf-8??>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="pack.sample.map"
android:versionCode="1?
android:versionName="1.0?>
<application android:icon="@drawable/icon" android:label="@string/app_name">
<uses-library android:name="com.google.android.maps" />
<activity android:name=".SampleMapApplication"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
<uses-permission android:name="android.permission.INTERNET"/>
</manifest>
[/sourcecode]
To display map in your application, modify the main.xml file. It is located in <project-folder>/res/layout.
Use <com.google.android.maps.MapView> element to display map.
Now your main.xml code looks like
[sourcecode language="css"]
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<com.google.android.maps.MapView
android:id="@+id/mapView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:enabled="true"
android:clickable="true"
android:apiKey="0U7-rnRk3Os0sPZnZF9iejONnHMsGRLxU0JbrBg"/>
</RelativeLayout>
[/sourcecode]
Now edit your Java class file as specified below
[sourcecode language="java"]
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
@Override
protected boolean isRouteDisplayed() {
return false;
}
[/sourcecode]
Now run the application, you should be able to see the Google Map...

No comments:

Post a Comment