14 Jun 2017
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.