Flutter | Eksplorasi Dunia melalui Maps dan Location

Sesi ini memperkenalkan Anda pada fitur-fitur menarik Google Maps dalam konteks pengembangan aplikasi Flutter. Mempelajari cara mengintegrasikan Google Maps ke dalam aplikasi Anda, mulai dari pengaturan hingga implementasi praktis. Selain itu, kita dapat mengeksplorasi penggunaan fitur GPS Location di Google Maps untuk menambahkan fungsionalitas lokasi yang akurat dan dinamis. Pelajari cara memanfaatkan kekuatan Google Maps untuk meningkatkan pengalaman pengguna aplikasi Anda dan membangun aplikasi berbasis lokasi yang informatif dan interaktif.

Transcript

1. Eksplorasi Dunia melalui Maps dan Location Achmad Ilham Imanuddin Curriculum Developer Multi-platform Flutter
2. Pokok Pembahasan • Berkenalan dengan fitur Google Maps • Penerapan Google Maps di Flutter • Eksplorasi GPS Location di Google Maps Multi-platform Flutter
6. Google Maps 🗺
7. Penerapan Google Maps 📌
8. Penerapan Google Maps 📌
9. Fitur Google Maps 🏖
10. Tipe Peta Google Maps menyediakan beberapa tipe peta yang bisa kita pilih. Setiap tipe memiliki keunikan tersendiri.
11. Tipe Peta Berikut jenis peta yang disediakan oleh Google Maps. • Normal • Satellite • Terrain • Hybrid
12. Tipe Peta Normal Satellite Terrain Hybrid
13. Pengaturan Zoom Peta Pengaturan level zoom pada peta dapat digunakan untuk mengatur skala peta. Semakin tinggi level yang dipilih, semakin detail data yang ditampilkan.
14. Pengaturan Zoom Peta Berikut beberapa hal yang dapat Anda lihat pada level zoom tertentu. • 1: Seluruh Dunia • 5: Benua dan pulau-pulau • 10: Kota • 15: Jalan • 20: Bangunan
15. Pengaturan Zoom Peta 5 10 15 20
16. Pengaturan Zoom Peta
17. UI Control pada Peta Selain menampilkan peta, Google Maps juga menyediakan beberapa kontrol untuk memudahkan Anda dalam melihat peta.
18. UI Control pada Peta Berikut beberapa kontrol yang dapat diatur. • Zoom Control: kontrol ini digunakan untuk mengatur zoom in (memperbesar) atau zoom out (memperkecil) tampilan peta.
19. UI Control pada Peta Berikut beberapa kontrol yang dapat diatur. • Indoor Level Picker: Ketika suatu bangunan memiliki tingkat lebih dari satu lantai dan datanya tercatat di Google Maps, peta akan memberikan opsi lantai yang ingin dilihat.
20. UI Control pada Peta Berikut beberapa kontrol yang dapat diatur. • Compass: ketika peta dirotasikan menggunakan dua jari, biasanya akan tampil ikon kompas yang menunjukkan arah mata angin.
21. UI Control pada Peta Berikut beberapa kontrol yang dapat diatur. • Map Toolbar: apabila Anda memilih suatu marker (penanda), Google Maps akan menampilkan mini toolbar berisi dua buah aksi, yakni navigasi atau membuka lokasi Google Maps.
22. UI Control pada Peta Berikut beberapa kontrol yang dapat diatur. • Tombol My Location: tombol ini digunakan untuk menunjukkan posisi kita dan mengarahkannya.
23. Quiz #1 DevCoach 182
24. Quiz #1 DevCoach 182 Apa nama UI Control yang memungkinkan aplikasi melihat setiap lantai pada bangunan?
25. Google Maps pada Flutter
26. Package google_maps_flutter https://pub.dev/packages/google_maps_flutter
27. Kebutuhan Maps API Key Layanan Google Maps dapat digunakan untuk kebutuhan pribadi atau komersial. Anda memerlukan Maps API Key untuk mengaksesnya.
28. Kebutuhan Tiap Platform Terdapat konfigurasi platform yang perlu Anda lakukan sebelum menggunakan library ini. Android
29. Kebutuhan Tiap Platform Terdapat konfigurasi platform yang perlu Anda lakukan sebelum menggunakan library ini. iOS
30. Kebutuhan Tiap Platform Terdapat konfigurasi platform yang perlu Anda lakukan sebelum menggunakan library ini. Web
31. Penerapan Library Untuk menampilkan peta pada aplikasi, Anda dapat memanggil widget GoogleMap diikuti dengan pengaturan posisi kamera awal.
32. ~ Letʼs code ~
33. Quiz #2 DevCoach 182
34. Quiz #2 DevCoach 182 Apa hal yang perlu dikonfigurasi pada project Flutter untuk menggunakan package google_maps_flutter?
35. GPS Location
36. GPS Location Teknologi GPS Global Positioning System) merupakan salah satu inovasi yang menarik. Perangkat kecil yang mampu memonitor dan melacak lokasi suatu perangkat.
37. GPS Location Saat ini teknologi GPS telah terpasang di berbagai perangkat, seperti smartphone, kendaraan, dll. Hal ini bertujuan untuk memantau posisi dan pergerakan perangkat atau aset.
39. Package location https://pub.dev/packages/location
40. Location Terdapat konfigurasi platform yang perlu dilakukan sebelum menggunakan library ini. Hal ini berkaitan dengan permission (perizinan) supaya perangkat dapat mengakses lokasi. Android
41. Location Terdapat konfigurasi platform yang perlu dilakukan sebelum menggunakan library ini. Hal ini berkaitan dengan permission (perizinan) supaya perangkat dapat mengakses lokasi. iOS
42. Quiz #3 DevCoach 182
43. Quiz #3 DevCoach 182 Apa konfigurasi yang perlu ditambahkan pada project Flutter ketika ingin menerapkan package location selain permission location?
44. ~ Letʼs code ~
45. Thank You Data Science
46. Feedback! dicoding.id/devcoachfeedback