Menampilkan Google Map Pada Aplikasi Android Menggunakan 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 :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

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

• Selanjutnya edit activity_main.xml menjadi seperti berikut :

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <fragment android:id="@+id/maps" android:layout_width="match_parent" android:layout_height="match_parent" android:name="com.google.android.gms.maps.MapFragment"/> </RelativeLayout>

• Edit file Main_Activity.java menjadi seperti berikut :

package linuxer.madura.com.mapsdemo; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.widget.Toast; import com.google.android.gms.maps.GoogleMap; import com.google.android.gms.maps.MapFragment; public class MainActivity extends ActionBarActivity { GoogleMap gMaps; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); try { initializeMaps(); } catch (Exception e) { } } private void initializeMaps() { if (gMaps == null) { gMaps = ((MapFragment) getFragmentManager().findFragmentById(R.id.maps)).getMap(); if(gMaps == null) { Toast.makeText(getApplicationContext(), "Unable to create maps", Toast.LENGTH_SHORT).show(); } } } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }

• Selanjutnya buka AndroidManifest.xml kemudian tambahkan permission berikut :

<permission android:name="linuxer.madura.com.mapsdemo.permission.MAPS_RECEIVE"/> <uses-permission android:name="linuxer.madura.com.mapsdemo.permission.MAPS_RECEIVE"/> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" /> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> <uses-feature android:glEsVersion="0x00020000" 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 :

<!-- Google API Key --> <meta-data android:name="com.google.android.maps.v2.API_KEY" android:value="Google Maps API Key anda disini" /> <meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" />
 Code Lengkap AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="linuxer.madura.com.mapsdemo" > <permission android:name="linuxer.madura.com.mapsdemo.permission.MAPS_RECEIVE"/> <uses-permission android:name="linuxer.madura.com.mapsdemo.permission.MAPS_RECEIVE"/> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" /> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> <uses-feature android:glEsVersion="0x00020000" android:required="true" /> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name=".MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <!-- Google API Key --> <meta-data android:name="com.google.android.maps.v2.API_KEY" android:value="AIzaSyAvRNmyxClCwH85rNiOx9N0xNyZAPj_XAk" /> <meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" /> </application> </manifest>

• Sekarang silahkan jalan aplikasi anda dan mudah-mudahan berhasil. Tutorial Menampilkan Google Maps Pada Aplikasi Android ini saya buat beberapa bagian. Jadi, nantikan tutorial tentang Google Maps Selanjutnya. Terima Kasih semoga bermanfaat.