Tutorial Membuat Multiple Marker dan Pencarian Lokasi dengan Android Studio

Azhar Rivaldi    10/07/2021    Tutorial Android Studio    Comment   

Baca Juga

Multiple Marker dan Pencarian Lokasi

Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Membuat Multiple Marker dan Pencarian Lokasi dengan Android Studio.

Nantinya di aplikasi ini akan menampilkan Marker berdasarkan Kata Kunci yang kalian masukkan di kolom pencarian. Selain itu, saya juga sematkan lokasi dan alamat dimana kalian berada. Jadi, pencarian lokasi yang menampilkan Marker ini Realtime ya.

Tapi sebelum membuat aplikasi ini, ada baiknya kalian buat terlebih dahulu buat API KEY untuk Maps di Google Cloud Platform. Login dengan akun Google kalian lalu buka menu Console, pilih API & Layanan. Setelah itu kalian pilih menu Aktifkan API dan Layanan. Kemudian aktifkan API KEY Maps, Place dan Geolocation.

Aplikasi ini saya ambil dari sampel Tutorial Pencarian Tambal Ban Terdekat. Tetapi karena banyak sekali yang request menggunakan bahasa Java, jadi untuk tutorial ini saya buatkan dengan Java, pattern MVVM dan ViewBinding. Selain itu, saya menggunakan Android Studio versi paling terbaru yaitu Android Studio Arctic Fox 2020.3.1.

Buat kalian yang ingin langsung mencobanya, silahkan unduh melalui Github saya SOURCE CODE DISINI. Tetapi jika kalian ingin tahu cara mengaplikasikannya, silahkan lanjut baca artikel ini sampai selesai.

Jika kamu ingin mencoba tutorial aplikasi ini dengan versi video, berikut saya berikan Videonya:

Jangan lupa subscribe Channel Youtube saya juga ya Azhar Rivaldi, karena disana ada banyak tutorial-tutorial untuk membuat aplikasi lainnya. Oke langsung saja tanpa basa-basi lagi kita langsung ke langkah pertama :

1. Seperti biasa, buat project baru di Android Studio dengan cara klik File ⇒ Project Baru. Ketika diminta untuk memilih Default Activity, pilih Empty Activity dan klik next. Untuk minSDK, disini saya set API 21 ya. Ingat, jangan langsung Run atau Copy Paste Source Code dari saya, pasti akan terjadi error jika beda versi Gradle dan beda versi Android Studionya. Untuk tutorial ini, saya buat dengan bahasa Java ya.

2. Kemudian kalian import beberapa library ke gradle:
Source : build.gradle

3. Jangan lupa tambahkan beberapa Permission ke Android Manifest:
Source : AndroidManifest.xml

4. Buat Class Main sebagai Class utama untuk menampilkan Multiple Marker berdasarkan Kata Kunci. Buat activity_main.xml dan MainActivity.java.
Source : activity_main.xml, dan MainActivity.java

5. Buat Class Model Nearby. Buat ModelGeometry.java, ModelLocation.java dan ModelResults.java.

Source : ModelGeometry.java, ModelLocation.java dan ModelResults.java

6. Buat Class Model Response. Buat ModelResultNearby.java.

Source : ModelResultNearby.java

7. Buat Class Networking untuk API. Buat ApiClient.java dan ApiInterface.java.

Source : ApiClient.java dan ApiInterface.java

8. Buat Class ViewModel karena disini saya menggunakan pattern MVVM. Buat MainViewModel.java.
Source : MainViewModel.java

9. Buat XML Toolbar untuk menampilkan lokasi kita berada. Buat toolbar.xml.
Source : toolbar.xml

10. Untuk Image Drawable bisa kalian buat sendiri, tidak harus sama. Selesai dan coba kalian Run. Jika kalian mengikuti langkah-langkah diatas dengan baik, pasti aplikasi yang kalian buat akan berjalan sebagaimana mestinya. Namun jika mengalami Error, silahkan berikan komentar dan kita diskusikan bersama.

Support Blog Rivaldi 48 agar terus bisa membagikan artikel-artikel yang bermanfaat dengan cara klik link Sociabuzz dibawah ini :

https://sociabuzz.com/azharrvldi_/donate (bisa pakai GoPay, OVO, DANA, Bank Transfer)

Demikian informasi yang saya bagikan untuk kalian. Jangan lupa bagikan artikel ini ke teman-teman kalian agar ikut membaca Tutorial Membuat Multiple Marker dan Pencarian Lokasi dengan Android Studio ini. Subscribe juga blog Rivaldi 48 ini agar kalian mendapatkan notifikasi saat Admin update artikel terbaru. Semoga kalian lebih nyaman dan mudah dalam mengakses Blog Rivaldi 48 dimanapun kalian berada. Terima Kasih. Follow Instagram Admin @azhardvls_