Menampilkan Google Map di Android Studio

Linuxer Madura kembali share Tutorial Android. Tutorial Android kali ini tentang Cara Menampilkan Google Map Pada Aplikasi Android Menggunakan Android Studio. Terkadang kita membutuhkan integrasi dengan Google Map pada aplikasi android yang kita kembangkan seperti halnya membuat aplikasi tentang pemetaan wisata atau yang lainnya.

Hasil tangkapan layar Google Maps

Download Source Code

 Langkah-langkah Menampilkan Google Map Pada Aplikasi Android

1. Install Google Play Service 

• Silahkan install Google Play Services terlebih dahulu melalui SDK Manager

Install Google Play Services

 

 2. Generate SHA-1 Fingerprint

• Buka terminal dan jalankan perintah berikut :
  view plainprint?

  1. keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android   

Contoh Hasil Generate

3. Buat Project Baru

• Silahkan jalankan Android Studio anda dan buatlah satu project baru
• Setelah membuat project baru, tambahkan dependency berikut pada Build.gradle

view plainprint?

1. compile 'com.google.android.gms:play-services:7.0.0  

• Selanjutnya edit activity_main.xml menjadi seperti berikut :

view plainprint?

1. <relativelayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     tools:context=".MainActivity">  
6.   
7.     <fragment  
8.         android:id="@+id/maps"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="match_parent"  
11.         android:name="com.google.android.gms.maps.MapFragment"/>  
12.   
13. </RelativeLayout>  

• Edit file Main_Activity.java menjadi seperti berikut :

view plainprint?

1. package linuxer.madura.com.mapsdemo;  
2.   
3. import android.support.v7.app.ActionBarActivity;  
4. import android.os.Bundle;  
5. import android.view.Menu;  
6. import android.view.MenuItem;  
7. import android.widget.Toast;  
8.   
9. import com.google.android.gms.maps.GoogleMap;  
10. import com.google.android.gms.maps.MapFragment;  
11.   
12.   
13. public class MainActivity extends ActionBarActivity {  
14.   
15.     GoogleMap gMaps;  
16.   
17.     @Override  
18.     protected void onCreate(Bundle savedInstanceState) {  
19.         super.onCreate(savedInstanceState);  
20.         setContentView(R.layout.activity_main);  
21.   
22.         try {  
23.               
24.             initializeMaps();  
25.   
26.         } catch (Exception e) {  
27.               
28.         }  
29.     }  
30.   
31.     private void initializeMaps() {  
32.         if (gMaps == null) {  
33.             gMaps = ((MapFragment) getFragmentManager().findFragmentById(R.id.maps)).getMap();  
34.   
35.             if(gMaps == null) {  
36.                 Toast.makeText(getApplicationContext(), "Unable to create maps", Toast.LENGTH_SHORT).show();  
37.             }  
38.         }  
39.     }  
40.   
41.   
42.     @Override  
43.     public boolean onCreateOptionsMenu(Menu menu) {  
44.         // Inflate the menu; this adds items to the action bar if it is present.  
45.         getMenuInflater().inflate(R.menu.menu_main, menu);  
46.         return true;  
47.     }  
48.   
49.     @Override  
50.     public boolean onOptionsItemSelected(MenuItem item) {  
51.         // Handle action bar item clicks here. The action bar will  
52.         // automatically handle clicks on the Home/Up button, so long  
53.         // as you specify a parent activity in AndroidManifest.xml.  
54.         int id = item.getItemId();  
55.   
56.         //noinspection SimplifiableIfStatement  
57.         if (id == R.id.action_settings) {  
58.             return true;  
59.         }  
60.   
61.         return super.onOptionsItemSelected(item);  
62.     }  
63. }   

• Selanjutnya buka AndroidManifest.xml kemudian tambahkan permission berikut :

view plainprint?

1. <permission android:name="linuxer.madura.com.mapsdemo.permission.MAPS_RECEIVE"/>  
2.     <uses-permission android:name="linuxer.madura.com.mapsdemo.permission.MAPS_RECEIVE"/>  
3.   
4.     <uses-permission android:name="android.permission.INTERNET" />  
5.     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  
6.     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />  
7.     <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" />  
8.     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />  
9.     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />  
10.   
11.     <uses-feature  
12.         android:glEsVersion="0x00020000"  
13.         android:required="true" />  

4. Mendapatkan GoogleMap Map API Key

• Buka Google Developers Console

Tampilan Google Developers Console

• Klik Credentials kemudian klik Create New Key

Tampilan setelah klik credentials

• Pilih Android Key

Pilih android key

• Copy SHA-1 hasil generate dan Nama package anda seperti contoh berikut :

Sesuaikan dengan SHA-1 dan nama package anda

• Kemudian klik Create 
• Nanti anda akan mendapatkan API KEY seperti berikut :

API Key google maps

• Setelah itu tambahkan API KEY ke AndroidManifest.xml seperti berikut :

view plainprint?

1. <!-- Google API Key -->  
2.         <meta-data  
3.             android:name="com.google.android.maps.v2.API_KEY"  
4.             android:value="Google Maps API Key anda disini" />  
5.         <meta-data  
6.             android:name="com.google.android.gms.version"  
7.             android:value="@integer/google_play_services_version" />  

 Code Lengkap AndroidManifest.xml

view plainprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
3.     package="linuxer.madura.com.mapsdemo" >  
4.       
5.     <permission android:name="linuxer.madura.com.mapsdemo.permission.MAPS_RECEIVE"/>  
6.     <uses-permission android:name="linuxer.madura.com.mapsdemo.permission.MAPS_RECEIVE"/>  
7.   
8.     <uses-permission android:name="android.permission.INTERNET" />  
9.     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  
10.     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />  
11.     <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" />  
12.     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />  
13.     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />  
14.   
15.     <uses-feature  
16.         android:glEsVersion="0x00020000"  
17.         android:required="true" />  
18.   
19.     <application  
20.         android:allowBackup="true"  
21.         android:icon="@mipmap/ic_launcher"  
22.         android:label="@string/app_name"  
23.         android:theme="@style/AppTheme" >  
24.         <activity  
25.             android:name=".MainActivity"  
26.             android:label="@string/app_name" >  
27.             <intent-filter>  
28.                 <action android:name="android.intent.action.MAIN" />  
29.                 <category android:name="android.intent.category.LAUNCHER" />  
30.             </intent-filter>  
31.         </activity>  
32.   
33.         <!-- Google API Key -->  
34.         <meta-data  
35.             android:name="com.google.android.maps.v2.API_KEY"  
36.             android:value="AIzaSyAvRNmyxClCwH85rNiOx9N0xNyZAPj_XAk" />  
37.         <meta-data  
38.             android:name="com.google.android.gms.version"  
39.             android:value="@integer/google_play_services_version" />  
40.     </application>  
41.   
42. </manifest>