Android Google Map API Tutorial

  • 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 :
 

Please share 🙂


Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on LinkedInEmail this to someone
Tags:,