14 Jun 2017

Android Google Map API Tutorial

By Dedy Kuncoro Android Programming Tutorial Comments

Pertama yang teman-teman lakukan untuk memulai tutorial ini adalah generate SHA-1 fingerprint certificate di Android Studio. Caranya simak dengan seksama video dibawah ini.

Kedua, login ke web Console Developer Google API dengan akun google teman-teman klik link disini.
Setelah berhasil login, kemudian pilih Pustaka dan klik Google Maps Android API seperti gambar dibawah ini.

Kemudian setujui persyaratan seperti gambar dibawah ini.

Selanjutnya Buat Project, lihat gambar di bawah ini.

Pilih dan klik Buat.

Masukan nama project teman-teman bebas dan klik buat.

Kemudian Aktifkan.

Pilih menu Kredensial dan pilih Buat Kredensial Kunci API.

Dialog muncul dan pilih Batasi Kunci.

Pilih Aplikasi Android, tambah Nama Paket dan sidik jari, kemudian isikan Nama paket (Sesuaikan dengan Nama Paket Aplikasi teman-teman) dan SHA-1 yang didapatkan dari langkah video diatas.

*Note : Apabila teman-teman ingin membuat/menambah Nama Paket aplikasi baru, tinggal skip ke langkah 14 pada gambar.

Sekarang membuat aplikasi pada Android Studio. Buat project baru di Android Studio File ⇒ New Project. Kemudian pilih Empty Activity dan melanjutkannya hingga selesai.
activity_main.xml
Tampilan untuk tampilan google map.

<?xml version="1.0" encoding="utf-8"?>
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/map"
    android:name="com.google.android.gms.maps.MapFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

Buka build.gradle dan tambahkan Google Map Play Service library didalamnya.

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

build.gradle

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:25.4.0'
    compile 'com.google.android.gms:play-services:10.2.1'
}

Buka class MainActivity.java dan tambahkan coding seperti dibawah ini.
MainActivity.java

package com.dedykuncoro.googlemapsapi;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;

import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.MapFragment;
import com.google.android.gms.maps.OnMapReadyCallback;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MarkerOptions;

public class MainActivity extends FragmentActivity implements OnMapReadyCallback {

    private GoogleMap gMap;
    MapFragment mapFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mapFragment = (MapFragment) getFragmentManager().findFragmentById(R.id.map);
        mapFragment.getMapAsync(this);

    }

    @Override
    public void onMapReady(GoogleMap googleMap) {
        gMap = googleMap;

        // Menambah marker di Alun-alun Demak - Jateng, Indonesia, dan menggerakan kamera.
        LatLng demak = new LatLng(-6.894796, 110.638413);
        gMap.addMarker(new MarkerOptions().position(demak).title("www.dedykuncoro.com"));
        gMap.moveCamera(CameraUpdateFactory.newLatLng(demak));
    }

}

Tambahkan perijinan INTERNET, meta-data dan juga masukan KUNCI API teman-teman yan didapat pada langkah diatas.
AndroidManifest.xml

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

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

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
<!-- tambahan -->
        <meta-data
            android:name="com.google.android.geo.API_KEY"
            android:value="KUNCI_API_MU" />

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

</manifest>

Run Aplikasinya.

Download Source Code :