Working With Google Maps in Flutter

A 25-min talk introducing attendees on how to work with Google Maps in Flutter. Presented at GDG Ibadan DevFestSW 2019 Conference.

Transcript

1. Working With Google Maps IN Flutter Ogundiran Al-Ameen
2. What is FLUTTER? Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. - According to the Flutter team :) This talk will revolve focus on Android and iOS platforms using Flutter
3. What is Flutter REALLY? - According to the Me :) - Quick back story, A brief intro to flutter
4. What is Flutter REALLY? - According to the Me :) - Quick back story, A brief intro to flutter - Why did I choose Flutter
5. What is Flutter REALLY? - According to the Me :) - Quick back story, A brief intro to flutter - Why did I choose Flutter - First impression (Nested widgets all written in Dart)
6. Everything is a widget
7. What is Flutter REALLY? - According to the Me :) - Quick back story, A brief intro to flutter - Why did I choose Flutter - First impression (Nested widgets all written in Dart) - Final Impression (This is awesome!)
8. Expressive, Beautiful uis
9. Why Choose Flutter Flutter really comes with a lot of Advantage but as with all tools, you just want to use what is right for you. - Start a new app from scratch - Bring your existing app to the other platform - Use Flutter for a part of your app
10. What is Google Maps Google Maps is a mapping service developed by Google.
11. google maps overview - It offers satellite imagery, - Aerial photography, - Street maps, 360° panoramic views of streets, - Real-time traffic conditions, - Route planning for traveling by foot, car, bicycle and air, or public transportation. Now “Danfo” and “Molue” - Gaming
12. Google maps in the street This is Google maps in the street and I don’t mean Street View!
13. Google maps in the street This is Google maps in the street and I don’t mean Street View! The sole reason why I can sit confidently on a Bike with Zero idea of where I’m going except the directions provided by maps
14. Google maps in the street Or on good days, sit comfortably in ride ordered on a platform such as Taxify/Uber.
15. Who is using google maps?
16. Allianz Provides real-time dispatch and tracking of service providers to help people in need 120,000+ car breakdowns serviced a year using Maps-based tool
17. GO-JEK GO-JEK provides transport, logistics, and payment services to 25 cities. GO-JEK has become Indonesia’s leading on-demand multiservice platform
19. THis is Most people right now
20. OR MORE ACCURATELY Okay??? How does all these concern me?
21. HOLD MY BEER AND WATCH THIS!
22. The google maps platform Google Maps Platform is a set of APIs and SDKs that are managed from the Google Cloud Platform console - Basically a Platform provided by Google for developers to extend and use the capabilities of Google Maps - SDK for Android,iOS and Javascript/ Web Service APIs
23. The three main products The Google Maps Platform provides 3 main products - Maps
24. The three main products The Google Maps Platform provides 3 main products - Maps - Routes
25. The three main products The Google Maps Platform provides 3 main products - Maps - Routes - Places
26. Core DEVELOPERS RIGHT NOW
27. HOW DO I GET STARTED - First stepS Go to the Maps platform to https://cloud.google.com/maps-platform/ and click on GET STARTED
33. - Install flutter on your machine, if you do not have it already Head on to https://flutter.io/get-started/install/ - Create a flutter project $ flutter create --org com.yourdomain appname
34. The package that brings google maps to flutter - We will be needing this flutter package - https://pub.dev/packages/google_maps_flutter (currently in Developers Preview) - Add this to your package's pubspec.yaml file: dependencies: google_maps_flutter: ^0.5.21+8 $ flutter packages get
35. For Android You want to add the API key to the AndroidManifest.xml file in android/app/src/main
37. For iOS (SWIFT) You want to add the API key to the AppDelegate.swift file in ios/Runner
39. For iOS (Objective c) You want to add the API key to the AppDelegate.m file in ios/Runner
44. Map types - Normal - None - Hybrid - Satelite - Terrain
45. Normal
46. None
47. HYBRID
48. SATELLITE
49. TERRAIN
50. Some other things
51. Some other things
52. Some other things
53. Resources https://flutter.dev/docs/get-started https://developers.google.com/maps/documentation https://github.com/Alameen688/google-maps-demo
54. THANK YOU!!!!!!!