Tutorial Alternatif Google Maps API Menggunakan Open Street Maps

Azhar Rivaldi    2/28/2022    Tutorial Android Studio    Comment   

Baca Juga

Alternatif Google Maps API Menggunakan OpenStreetMaps

Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Tutorial Alternatif Google Maps API Menggunakan Open Street Maps.

Buat kalian yang mau bikin tugas atau bikin aplikasi yang menggunakan Google Maps tapi bingung cara membuat API KEY-nya, dan juga bingung cara membuat Billing Payment-nya, mungkin ini adalah solusi buat kalian.

Kalian bisa menggunakan library dari Open Street Maps untuk membuat Maps layaknya Google Maps. Walaupun tampilannya tidak sebagus Google Maps, tetapi Open Street Maps ini bisa dibilang cukup. Karena Open Street Maps ini bisa kalian gunakans secara gratis.

Selain gratis, Open Street Maps ini juga cukup akurat dalam menampilkan lokasi (berdasarkan pengalaman saya). Kalian juga bisa mencari lokasi, membuat multiple marker, membuat custom tooltip dan menampilkan rute menggunakan Open Street Maps. Keren kan? 😁

Mungkin di tutorial berikutnya saya akan eksplor lebih jauh untuk Open Street Maps ini agar bisa digunakan dengan maksimal. Yaa, patokannya sih bakal saya coba buat semirip mungkin Google Maps. Oh ya, perlu diperhatikan disini saya menggunakan Android Studio Bumblebee ya.

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 Kotlin 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 MapsView dengan Multiple Marker. Buat activity_main.xml dan MainActivity.kt.
Source : activity_main.xml dan MainActivity.kt

5. Buat Class Custom Tooltip Marker-nya. Buat layout_tooltip.xml dan CustomInfoWindow.kt.
Source : layout_tooltip.xml dan CustomInfoWindow.kt

6. Buat Class Model. Buat ModelMain.kt.

Source : ModelMain.kt

7. Masukan data ke folder Assets. Buat sample_maps.json.

Source : sample_maps.json

8. 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 Alternatif Google Maps API Menggunakan Open Street Maps 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_