Google Maps APIHalo Gaess ! Apa kabar ? Semoga selalu dalam kemudahan dan rezeki yang lapang. Aamiin Show
Di kesempatan ini kita saya akan membahas tentang Google API. Lebih spesifiknya kita akan membahas :
Back To Topic… Apa Sih Google API ?Seperti yang kita ketahui saat ini Google bukan lagi hanya sebuah Mesin Pencari tapi telah berubah menjadi perusahaan teknologi raksasa dengan berbagaii macam produk inovatifnya.
Salah satunya adalah Google Maps. Kita sebagai developer tidak hanya dapat menikmatinya saja, google membuka peluang bagi para developer untuk mengembangkan produk mereka dengan di kombinasikan dengan Maps sehingga terciptakan produk yang inovatif dan efisien. “Gimana cara menggunakanya ?” ya dengan Google API tadi. Silahkan baca lebih lanjut tentang definisi API disini. Google Maps APIGoogle maps api memungkinkan kita untuk menampilkan peta / maps di dalam aplikasi kita. Kita dapat mengatur mode peta seperti apa yang akan ditampilkan seperti mode “satelit” misalnya. Google Place Auto CompleteGoogle menyediakan API yang membuat kita semakin mudah dalam melakukan input alamat seperti nama jalan, nama kota, nama daerah dan nama tempat. Dimana ketika kita mengetikan sebuah kata maka kita akan diberikan pilihan dalam bentuk auto complete secara realtime. Jika juga dapat melaukan filter disini, contoh jika kita ingin hanya ingin menampilkan alamat / tempat yang ada di Indonesia saja. Google Direction APIAPI ini memungkinkan kita untuk mengerahui arah atau rute antara 2 titik koordinat atau lebih. Dengan memanfaatkan API ini kita dapat menggambar garis rute tersebut atau sering dikenal dengan istilah Polyline. Selain rute jika juga mendapatkan informasi berupa jarak, estimasi waktu tiba sampai step-step jalan yang harus kita lewati. Persiapan Google API KeySilahkan buka Google Console, gunakan project yang telah ada tau buat project baru. Ikuti langkah-langkah berikut jika ingin membuat project baru.
Sampai disini kita telah berhasil mendapatkan API key untuk dapat menggunakan layanan api google :) Mengaktifkan Layanan APIMasih di google console. setelah project berhasil dibuat dan anda telah mendapatkan API key, berikutnya adalah mengaktifkan layanan API untuk project tersebut. Silahkan Buka https://console.developers.google.com, pilih project yang baru saja kamu buat. Klik “ENABLE APIES AND SERVICES”. Klik “View All” untuk bagian Maps aktifkan layanan api berikut :
Well done ! Sampai disini persiapan di Google Console telah selesai :) Let’s DO IT !…….Persiapan ProjectSilahkan buat project android studio baru dengan nama Learn Google API, minimum API 16 : Jelly Bean dan Empty Activity. Persiapan Libray
Silahkan tambahkan depedencies berikut kedalam gradle (app). dependencies { Sehingga gradle kalian terlihat seperti berikut : build.gradle (Module : app)Jangan lupa klik “Sync Now”. Android ManifestDi dalam AndroidManifest.xml kita akan mendefinisikan Permission dan Google API key kita. Berikut permission yang kita gunakan. <uses-permission android:name="android.permission.INTERNET"/> Dan meta tag untuk api key : <meta-data Sehingga Manifest kita terlihat seperti berikut : AndroidManifest.xmlAndroid ActivityBuatlah 3 activity baru :
Jadi total kita punya 4 Activity disini Tampilan ActivityBaik secara keseluruhan persiapan sudah selesai. Berikutnya kita akan mulai mengatur layout dan memprogram logika aplikasi. Yah.. ini akan jadi tutorial yang panjang :v .. Selamat bekerja :) .. Main ActivityPertama kita atur layout di activity_main.xml seperti berikut : <?xml version="1.0" encoding="utf-8"?> Yap.. untuk event on click nya saya menggunakan method disini makanya anda pasti menemui tanda merah di attribut android:onClick. Sekarang kita buat methodnya, buka ActivityMain.java kemudian sesuaikan menjadi seperti berikut : package com.khilman.www.learngoogleapi; Place Auto Complete ActivityDiactivity ini kita akan mencoba menggunakan fitur place auto complete. Modelnya kita membuat 2 Text View untuk menampung alamat Titik jemput dan Titik tujuan. Kemudian nanti detail dari alamatnya akan di tampilkan pada text view dibawahnya lagi. Disini kita akan mendapatkan alamat lengkap, nama tempat dan koordinat lokasi tersebut. Silahkan buka layout activity_place_auto_complete.xml kemudian sesuaikan kodenya menjadi seperti berikut. <?xml version="1.0" encoding="utf-8"?> Berikutnya kita atur logika activitynya, silahkan sesuaikan PlaceAutoCompleteActivity.java menjadi seperti berikut : package com.khilman.www.learngoogleapi;import android.content.Intent; Sekarang coba Running project, berikut adalah hasilnya :D yeaayy… Place Auto Complete ActivityDirection ActivityPada bagian ini kita akan menggunakan Google Direction API untuk mendapatkan informasi arah, seperti rute, waktu tempuh dan jarak. Dokumentasi lebih lengkap mengenai direction API bisa teman-teman baca disini https://developers.google.com/maps/documentation/directions/intro#Waypoints Model
POJO Silahkan kunjungi link berikut untuk mendapatkan response json, kemudian silahkan ganti teks yang saya tebalkan dengan API yang tadi kamu telah dapatkan sbelumnya. https://maps.googleapis.com/maps/api/directions/json?origin=Cirebon,ID&destination=Jakarta,ID&api_key=YOUR_API_KEY Jika berhasil kalian seharusnya melihat response json seperti ini https://pastebin.com/MgSpHZsE Agar lebih rapi, silahkan tambahkan package baru dengan nama response. Kemudian generate POJO didalam package tersebut. Pilih Folder > Klik Kanan > New > Generate POJO from JSON Berinama Root Object Name dengan ReponseRoute. Sehingga susunana foldernya terlihat seperti dibawah ini Struktur FolderAnda akan menemukan error pada setiap Class yang telah terbuat. Cek disemua class hapus 2 baris dibawah ini : import javax.annotation.Generated; Request
Retrofit ApiServices.java package com.khilman.www.learngoogleapi.network;import com.khilman.www.learngoogleapi.response.ResponseRoute;import retrofit2.Call; InitLibrary.java package com.khilman.www.learngoogleapi.network;import retrofit2.Retrofit; Baik, sampai disini persiapan Retrofit untuk mengirim request ke Google API telah selesai. Direction ActivityKita akan menampilkan Maps di activity ini. Kemudian dibawahnya ada text view berisi informasi mengenai rute seperti lokasi awal, lokasi akhir, jarak dan estimasi waktu. Kita akan menggambar rute di maps menggunakan bantuan library Map Utils. Jadi kita tinggal memasukan list titik-titik koordinat yang kita dapatkan dari response setelah mengirim request ke Google API. Layout <?xml version="1.0" encoding="utf-8"?> Activity package com.khilman.www.learngoogleapi; Note :
Sekarang coba running project, jika sudah sesuai activity kita akan terlihat seperti berikut ini : Direction ActivityOjek ActivityFinally ! kita hampir sampai di akhir artikel :D hehe. Ini adalah activity terakhir Kita. Layout <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" Activity package com.khilman.www.learngoogleapi; One Step Closer!!Alhamdulillah, sampai disini kita telah menyelesaikan semua activity. Jika kamu mengikuti tutorial dengan benar aplikasi kamu terlihat seperti berikut ini : Tampilan Ojek ActivityPenutupBaik, kita telah menyelesaikan aplikasi “Hampir Ojek Online” kita. Kita telah belajar bagaimana caranya menggunakan beberapa layanan dari Google API. Yang kita bahas saat ini masih belum apa-apa, masih banyak layanan Google API yang dapat kita manfaatkan dalam Project kita. Intinya jangan berhenti ngoprek, jenuh itu wajar tapi berhenti itu tanda orang malas belajar. Jangan sungkan Investasi untuk masa depan seperti beli buku, tutorial, ikut private atau pergi ke Training Center seperti Udacoding. Salah satu training Mobile Apps TOP di Indonesia. Siapa tahu nanti ketemu saya di kelas hehe.. Jangan sungkan belajar hal baru, nanti kalau sudah bisa share lah ke kita-kita hehe.. Sekian dari saya, semoga bermanfaat. Terimakasih :) ⚠️ Note :
Oh Iya untuk full project nya bisa diclone di sini https://github.com/drawrs/google-apis-app-like-gojek jangan lupa follow dan kasih star ya xD byee..
Berapa harga API Google Maps?Untuk membantu pengguna mengetahui jumlah penggunaan peta, Google akan menambahkan konsol API ke dalam API Google Maps. Kelebihan penggunaan peta nantinya dapat diliat dan dibayar di konsol ini. Google menetapkan biaya 4 dolar AS untuk setiap penggunaan 25.000 load peta versi standar.
Apakah Google Maps gratis?Cara Menggunakan Google Maps
Google Maps adalah aplikasi peta online gratis yang bisa digunakan pada komputer, ponsel, atau tablet untuk menelusuri, menjelajahi, dan menemukan jalan di seluruh dunia.
Apakah Akun Google bisnis berbayar?Profil Bisnis adalah alat gratis yang memungkinkan Anda mengontrol bagaimana bisnis Anda ditampilkan di Google Penelusuran dan Maps. Dengan Profil Bisnis, Anda dapat terhubung dengan pelanggan, memposting info baru, mencantumkan produk serta layanan, menerima pesanan online, dan lainnya.
Siapa pembuat aplikasi Maps?Google Maps dimulai sebagai program desktop C++, dirancang oleh Lars dan Jens Eilstrup Rasmussen pada Where 2 Technologies.
|