Belajar Mengimplementasikan Google Maps di Android Studio #1

Hanif Abdullah
3 min readFeb 11, 2020

--

Akhirnya bisa kembali lagi kesini setelah sekian lama berhibernasi di alam sana.

Langsung aja ya ndes (baca: gaes), hehe. Tulisan kali ini tentang bagaimana cara kita menerapkan tampilan google maps pada aplikasi Android menggunakan Android Studio.

Bagian pertama ini adalah bagaimana cara kita mendapatkan lokasi kita saat membuka aplikasi.

Langkah pertama adalah, tentu saja buat projek baru di Android Studio ya. Pada saat penulisan dan pembuatan ini saya menggunakan Android Studio versi 3.5. Untuk versi projek, saya buat minimum api-nya adalah XX. Dan bahasa yang saya gunakan nanti adalah bahasa Kotlin.

Dan projek baru telah dibuat. ^_^

Masalah pertama yang harus kita hadapi saat membuat projek terkait Map adalah Perijinan Lokasi. Mari kita atur dulu terkait perijinan lokasinya.

  1. Tambah permission pada AndroidManifest.xml

2. Tambahkan cek perijinan lokasi pada halaman MainActivity.kt . Untuk memudahkan pengecekan perijinan, saya menggunakan library Dexter (https://github.com/Karumi/Dexter). Tambahkan dependencies Dexter pada gradle.

3. Tambahkan kode di bawah ini pada kelas MainActivity.kt dan jangan lupa dipanggil pada metode onCreate

4. Pada saat semua perijinan telah diberikan, lakukan aksi mendapatkan lokasi kita saat ini. Namun sebelum itu tambahkan dependencies places pada gradle file.

5. Buat 2 buah file baru untuk bantuan dalam mendapatkan lokasi kita saat ini.

File 1 : MySettingLocation.kt

File 2 : MySimpleLocation.kt

6. Sebelum lebih jauh, mari kita atur dulu tampilan awal pada activity_main.xml kuy ndes.

Agar sedikit menarik, tambahkan file drawable dengan nama border_textview.xml. Kodenya di bawah ini :

7. Nah sekarang saatnya kita menambah beberapa kode di file MainActivity

7.1 Implementasi kelas MainActivity dengan MySimpleLocation.MySimpleLocationCallBack dan override methodnya.

7.2 Tambahkan variabel mySimpleLocation dan inisiasi pada onPermissionChecked

7.3 Ubah isi dari method getLocation(location: Location?)

7.4 Dan langkah terakhir untuk bagian ini adalah tambahkan method onActivityResult

Yeay akhirnya bagian pertama pada tutorial ini sudah selesai. Berikut hasilnya :

Untuk kode lengkapnya bisa dicek di https://github.com/hanifabdullah21/Tutorial-Google-Map

--

--