Tutorial 9

Android MAP

Android Google Maps API

API akan secara otomatis menangani akses ke server Google Maps, mendownload data,
menampilkan peta dan memberikan respon ke gesture peta. Kita bisa menggunakan API calls
untuk menambahkan penanda/ markes, menampilkan lokasi user dan menyediakan fitur
tambahan sebagai tatap muka untuk user berkomunikasi dengan peta.

Android Google Maps API key

Untuk mengguakan android google maps api di aplikasi, kita perlu mendaftarkan
aplikasi kita di google developer console dan meng-enable Google Map API Keys. Google
developer console bisa di akses di https://console.developers.google.com.

Created by: E-mail:

Tom tirtasouja@gmail.com
 Pada halaman tersebut, pilih ENABLE APIS AND SERVICES untuk diarahkan ke
halaman pengaturan API.

Anda akan diarahkan ke halaman API Library, silahkan pilih Maps SDK for Android
seperti berikut:

Klik tombol ENABLE yang muncul.

Created by: E-mail:

Tom tirtasouja@gmail.com
 Anda akan dihantarkan ke halaman berikut:

Pindah ke tab CREDENTIAL lalu klik link Credential in APIs & Services

Anda akan dihantarkan ke halaman berikut, silahkan pilih Create credential -> API
key, akan muncul sebuah Pop-Up untuk permintaan Restrict Key, anda boleh memilih Close
atau Restrict Key, namun disarankan anda memilih Restrict Key untuk keamanan aplikasi.

Created by: E-mail:

Tom tirtasouja@gmail.com
 Silahkan isi nama dari API key anda lalu pada kolom Application restrictions pilih
Android apps.

Selanjutnya pada kolom Restrict usage to your Android apps pilih ADD AN ITEM.

Akan muncul tampilan berikut, isikan nama package aplikasi yang ingin anda berikan
API Key. Terdapat kolom untuk memasukkan sertifikat sidik jari SHA-1, langkah berikutnya
akan menjelaskan cara mendapatkan SHA-1.

Created by: E-mail:

Tom tirtasouja@gmail.com
Cara menemukan app’s certificate information

1. Via Gradle

Pilih Gradle di IDE Android Stuio sebelah kanana atas, jika tidak ada pilih View -> Tool
Windows -> Gradle. Pilih app/android/signingReport

Akan muncul informasi kode SHA-1 seperti gambar berikut:

2. Secara Manual

Buka Command Prompt

Masuk ke direktori .android seperti berikut:

Created by: E-mail:

Tom tirtasouja@gmail.com
 Ketikkan perintah keytool -list -v -keystore
"%USERPROFILE%\.android\debug.keystore" -alias androiddebugkey -storepass
android -keypass android.

Jika muncul error keyword keytool not recognized, silahkan atur jdk java di
Environment Variables atau dengan mengetikan perintah berikut di command line:

 Sesuaikan lokasi folder bin jdk anda masing-masing

Ketikkan kembali keyword sebelumnya:

Akan muncul informasi berikut:

Isikan kode SHA-1 yang anda dapatkan ke kolom consel di browser sebelumnya.

Created by: E-mail:

Tom tirtasouja@gmail.com
 Pada kolom API restrictions pilih Restrict key lalu centang Maps SDK for Android.

Anda telah berhasil mendaftarkan API Key anda:

Membuat aplikasi Map

Buka file layout activity_maps.xml yang terbuat otomatis sebelumnya lalu isikan
kodingan berikut:

<?xml version="1.0" encoding="utf-8"?>

<fragment xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:map="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/map"
android:name="com.google.android.gms.maps.SupportMapFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MapsActivity" />

Setelahnya buka activity MapsActivity.java lalu isikan baris kodingan berikut:

public class MapsActivity extends FragmentActivity implements

OnMapReadyCallback {

private GoogleMap mMap;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_maps);
// Membuat objek SupportMapFragment untuk mendapatkan notifikas
saat map siap digunakan
SupportMapFragment mapFragment = (SupportMapFragment)
getSupportFragmentManager()
.findFragmentById(R.id.map);
mapFragment.getMapAsync(this);
}
/*

Created by: E-mail:

Tom tirtasouja@gmail.com
 Ketika map tersedia, maka map akan di manipulasi seperti mengatur
posisi map langsung
ke posisi Longitude Latitude yang kita tentukan. Dalam kasus ini
JL. Petogogan I No. 41
*/
@Override
public void onMapReady(GoogleMap googleMap) {
mMap = googleMap;

// Menambahkan marker ko lokasi yang kita tentukan

LatLng petogogan = new LatLng(-6.252828, 106.794783);
mMap.addMarker(new MarkerOptions().position(petogogan).title("Jl.
Petogogan I No. 41"));
mMap.moveCamera(CameraUpdateFactory.newLatLng(petogogan));
}
}

Pada file layout google_maps_api.xml, isikan baris kodingan berikut:

<resources>
<!-- Ganti dengan API Key masing-masing -->
<string
name="google_maps_key"
templateMergeStrategy="preserve"
translatable="false">AIzaSyBR0Dg3fRCVea1WYKrvi_9OTLR6ENizgKQ
</string>
</resources>

Selanjutnya berikan permission di manifest, sehingga bentuk file

AndroidMAnifest.xml akan seperti berikut:

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.mapapplication">
<!-- Permission -->
<uses-permission
android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission
android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"
/>
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<meta-data
android:name="com.google.android.geo.API_KEY"
android:value="@string/google_maps_key" />
<activity
android:name=".MapsActivity"
android:label="@string/title_activity_maps">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

Created by: E-mail:

Tom tirtasouja@gmail.com
 <category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

Pastikan bentuk dependencies anda di file build.gradle(Module:app) seperti berikut:

dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
//noinspection GradleCompatible
implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.google.android.gms:play-services-maps:16.1.0'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'com.android.support.test:runner:1.0.2'
androidTestImplementation 'com.android.support.test.espresso:espresso-
core:3.0.2'
}
Jalankan program untuk memunculkan tampilan berikut:

Created by: E-mail:

Tom tirtasouja@gmail.com