如何在 Flutter Forms 中添加 Google 地图以要求用户选择位置

Question

我正在做一个 Flutter 项目，我必须在其中添加用户详细信息以及他们清真寺的位置，所以我如何在 Flutter 中使用谷歌地图以这种形式实现？

我应该遵循哪些资源才能实现这一目标

Answer 1

1. 首先，您必须将 Google 地图包添加到您的 pubspec.yaml https://pub.dev/packages/google_maps_flutter 中。
2. 从 Google Cloud Console https://developers.google.com/maps/documentation/embed/get-api-key#:~:text=Go%20to%20the%20Google%20Maps%20Platform%20%3E%20Credentials%20page.&text=On%20the%20Credentials%20page%2C%20click,Click%20Close 获取 Google 地图 API 密钥。本教程可能对您有帮助https://blog.logrocket.com/google-maps-flutter/。
3. 在您的代码中添加谷歌地图小部件，用户可以在其中选择他们的清真寺的位置。使用“onMapCreated”回调并添加标记以检查清真寺的位置。
4. 为用户详细信息添加表单字段。https://api.flutter.dev/flutter/material/TextFormField-class.html，在提交表单后，您可以保存用户详细信息以及清真寺的详细信息。本教程可能对您有帮助https://blog.logrocket.com/google-maps-flutter/。