Right this moment we are going to see a quick walkthrough on the best way to use Google Maps with Flutter, utilizing the official google_maps_flutter plugin that’s supplied by the Flutter workforce itself. Usually utilizing Flutter plugins are fairly simple and require solely a package deal set up with perhaps configuring some issues on the native stage code. Nonetheless, on this article we are going to attempt to implement a few of the APIs out there within the package deal and see how it may be utilized in apply.
As at all times, we are going to begin from scratch by creating a brand new Flutter venture after which including the google_maps_flutter package deal. A caveat to utilizing this package deal is that since we’re working with Google Maps within the app, we would want a Google Maps API key. For that, you’ll have to create a venture on Google Cloud Platform and allow the maps API. This can require utilizing your bank card or another type of fee registration, however it can present free utilization of Google Maps as much as $200, which needs to be greater than sufficient for our functions. For more information on this try the official Google Maps documentation (https://builders.google.com/maps/gmp-get-started).
After establishing the venture and getting our API key, we will begin by creating a brand new venture and putting in the package deal utilizing flutter pub get google_maps_flutter. As talked about earlier than, we might want to make some adjustments within the native stage code that are detailed beneath.
