Membuat Aplikasi Maps pada Android

Slamat malam teman-teman, pada tutorial ini saya ingin share bagaimana cara menambhakan google map pada aplikasi kita. Untuk menambahkan google map teman-teman terlebih dahulu harus sudah mempunyai Google Map API Key, bagi teman-teman yang belum mengerti tau belum tahu cara mendapatkan Google Map API Key silahkan teman-teman baca tutorial saya mengenai Google Map API Key V2. Jika teman-teman sudah memiliki Google Map API Key, maka kita bisa mulai tutorialnya 🙂

Menampilkan Google Map

Konfigurasi Project

Untuk menampilkan google map pada aplikasi kita, terlebih dahulu kita harus mengkonfigurasi project aplikasi kita. Pertama pastikan bahwa Google Play Services sudah terinstall pada aplikasi kita, untuk mengeceknya tema-teman dapat melihatnya pada SDK Manager,

Pastikan status pada Google Play Services sudah Installed, jika belum silahkan teman-teman install terlebih dahulu. Kemudian padan file Build.gradle(Module:app) tambahkan dependencies baru untuk versi terupdate dari Google Play Services

dependencies {
        compile 'com.google.android.gms:play-services:8.3.0'
    }

Kemudian teman-teman buka file AndroidManifest.xml, tambahkan kode berikut dalam tag Aplication

<meta-data
    android:name="com.google.android.gms.version"
    android:value="@integer/google_play_services_version" />

Menambahkan Google Map API Key

Setelah kita mensetting dan mengkonfigurasi aplikasi kita, langkah selanjutnya yaitu menambahkan Google Map API key yang sudah kita peroleh pada aplikasi kita. Caranya dengan mengedit file AndroidManifest.xml dan tambahkan kode berikut  setelah tag <application> dan sebelum tag </application>

<meta-data
    android:name="com.google.android.geo.API_KEY"
    android:value="API Key Teman-teman" />

Menmbahkan Permission

Langkah selanjutnya adalah kita tambahkan permission(hak akses) yang diperlukan untuk pengembangan Google Map. Caranya dengan mengedit file AndroidManifest.xml dan tambahkan kode berikut  setelah tag <manifest> dan sebelum tag </manifest>

<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" />
<!-- The following two permissions are not required to use Google Maps Android API v2, but are recommended. -->

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

Menambahkan Fitur OpenGL ES Version 2

Google Map Android API menggunakan OpenGL ES versi 2 untuk menampilkan map. Apabila tidak ada fitur ini, Maka Google Map tidak akan muncul pada aplikasi kita. Caranya masih sama dengan menambahkan  permission pada AndroidManifest.xml

<uses-feature
    android:glEsVersion="0x00020000"
    android:required="true" />

Sehingga untuk kode lengkap dari AndroidManifest.xml, sebagai berikut :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.arga.map" >

    <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" />
    <!-- The following two permissions are not required to use Google Maps Android API v2, but are recommended. -->

    <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/Theme.AppCompat.Light.NoActionBar" >
        <meta-data
            android:name="com.google.android.geo.API_KEY"
            android:value="Your API Key" />
        <meta-data
            android:name="com.google.android.gms.version"
            android:value="@integer/google_play_services_version" />

        <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>
        <activity
            android:name=".Map"
            android:label="@string/title_activity_map" >
        </activity>
    </application>

</manifest>

Menambahkan Map Fragment

Untuk menampilkan google map pada aplikasi kita, kita dapat menggunakan fragment pada aplikasi kita. Jika teman-teman belum mengerti apa itu fragment silahkan teman-teman baca artikel saya mengenai Mengenal Fragment. Edit file activity_main.xml, dan tambahkan kode berikut

<fragment android:name="com.google.android.gms.maps.MapFragment"
    android:id="@+id/map"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

Setelah itu silahkan teman-teman running aplikasinya, jika tidak ada yang error seharusnya sekarang temen-teman sudah dapat menampilkan google map pada project. Jika belum bisa teman-teman bisa mencoba untuk menjalankan aplikasi kita pada device atau smartphone teman-teman.