[et_pb_section fb_built=”1″ module_class=”blog-left-content” _builder_version=”4.9.4″ _module_preset=”default”][et_pb_row column_structure=”2_3,1_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_column type=”2_3″ _builder_version=”4.9.4″ _module_preset=”default”][et_pb_text _builder_version=”4.9.4″ _module_preset=”default”]<\/p>\n
Today we will see a brief walkthrough on how to use Google Maps with Flutter, using the official google_maps_flutter plugin that is provided by the Flutter team itself. Normally using Flutter plugins are quite straightforward and require only a package install with maybe configuring some things at the native level code. However, in this article we will try to implement some of the APIs available in the package and see how it can be used in practice.<\/span><\/p>\n <\/p>\n As always, we will start from scratch by creating a new Flutter project and then adding the google_maps_flutter package. A caveat to using this package is that since we are working with Google Maps in the app, we would need a Google Maps API key. For that, you will have to create a project on Google Cloud Platform and enable the maps API. This will require using your credit card or some other form of payment registration, but it will provide free usage of Google Maps up to $200, which should be more than enough for our purposes. For more info on this check out the official Google Maps documentation (https:\/\/developers.google.com\/maps\/gmp-get-started).<\/span><\/p>\n <\/p>\n After setting up the project and getting our API key, we can start by creating a new project and installing the package using <\/span>flutter pub get google_maps_flutter<\/span><\/i>. As mentioned before, we will need to make some changes in the native level code which are detailed below.<\/span><\/p>\n