Flutter和Google Maps小部件的问题

Question

我真的是个新手，我遇到了Google Maps小部件的问题。我尝试遵循以下教程：https://medium.com/flutter-io/google-maps-and-flutter-cfb330f9a245

不幸的是，当我运行该应用程序时，我的图像为空白。 应用的屏幕截图

有人遇到过这个问题吗？您对我可以尝试调查的方向有何建议？

Answer 1

您的API密钥无效。或者您尚未打开Goog​​le Maps API。

Answer 2

显示没有地图的地图功能是一个关于Flutter中Google地图设置的明确问题。确保您具有以下配置。

在cloud.google.com/maps-platform/

获取API密钥，并确保选择所需的正确地图特征。如果不确定，请全部选择。

在Android中： 在应用清单android / app / src / main / AndroidManifest.xml中指定您的API密钥：

下一步：转到Android清单，并插入将您的Google Maps帐户附加到Flutter App所需的元数据。

确保在代码中显示的位置添加API密钥。

<manifest ...
  <application ...
    <meta-data android:name="com.google.android.geo.API_KEY"
               android:value="YOUR KEY HERE"/>

然后：进入ios / Runner / AppDelegate.m中的iOS设置，添加所需的Google代码。

#include "AppDelegate.h"
#include "GeneratedPluginRegistrant.h"
#import "GoogleMaps/GoogleMaps.h"

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application
    didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  [GMSServices provideAPIKey:@"YOUR KEY HERE"];
  [GeneratedPluginRegistrant registerWithRegistry:self];
  return [super application:application didFinishLaunchingWithOptions:launchOptions];
}
@end

其他信息可在Dart软件包here中找到