正文

谷歌地图使用 google_maps_flutter 插件显示空白地图

 2023-02-23  16

关键词：

【中文标题】谷歌地图使用 google_maps_flutter 插件显示空白地图【英文标题】：Google Maps shows blank map using google_maps_flutter plugin 【发布时间】：2019-04-15 21:07:22 【问题描述】：

我正在开发一个使用 google_maps_flutter 插件（版本 0.5.7）来显示地图的应用程序。直到昨天它工作得很好。我没有对我的应用程序进行任何更新，它只是在我今天打开它时停止显示空白地图。 Flutter Doctor 没有显示任何问题，Flutter Analyze 也是如此。该插件似乎部分工作，因为我正在使用 GoogleMap onTap 属性来显示点击位置的坐标，并且它工作得很好（I/flutter (11935): LatLng(25.895589930847475, -80.28307791799307)，虽然没有创建标记。

_handleTap(LatLng point) 
  setState(() 
     print(point);
    _markers.add(Marker(
        markerId: MarkerId(point.toString()),
        position: point,
        infoWindow: InfoWindow(
        title: point.toString(),
        ),
    icon: BitmapDescriptor.defaultMarkerWithHue(BitmapDescriptor.hueMagenta),
   ));
  );

任何想法，可能会发生什么？此插件是否已报告任何可能导致此问题的问题？

【问题讨论】：

请不要因为使用 android-studio 标签而标记问题：Android Studio 标签应该仅在您对 IDE 本身有疑问时使用，而不是您在其中编写（或想要编写）的任何代码。请参阅 when is it appropriate to remove an IDE tag、How do I avoid misusing tags? 和 the tagging guide。请改用 [android] 或其他相关标签。我只是猜测我还没有在颤振上尝试过谷歌地图。可能与地图键api有关。我也看到了同样的情况。在 iOS 上它是白色的屏幕，而在 Android 上是灰色的。我已经仔细检查了我的 api 密钥，所以很确定不是这样。我还在 Google 的 api 控制台中注意到，它确实确认了 iOS 请求，但没有显示任何 Android 请求。 @eimmer 你找到答案了吗？ @Anton 我做到了，但遗憾的是我不确定具体问题是什么。我决定从头开始重新开始一个教程，它没有问题。希望我能提供更多帮助。 【参考方案1】：

我建议返回到您在第 3 步中创建的 API 密钥，然后将其中的一个限制为 iOS 应用和地图适用于 iOS 的 SDK 和其他适用于 Android 的 SDK 和适用于 Android 的 Maps SDK。

[1]：https://cloud.google.com/console/google/maps-apis/overview

【讨论】：

【参考方案2】：

可能是因为模拟器中的连接问题（wifi/internet）

将您网络的 DNS 地址更改为 8.8.8.8（Google 的 DNS）或您偏好的其他地址：

MacOSX：

打开“系统偏好设置” 点击“网络” 选择您的计算机连接的网络点击“高级” 选择“DNS”，选择“+”按钮，输入“8.8.8.8”（Google 的 DNS），或者如果您更喜欢 OpenDNS，请输入“208.67.222.222” 选择“确定”和“应用”

Windows 和 Linux： https://developers.google.com/speed/public-dns/docs/using

然后关闭模拟器并重新启动它。

【讨论】：

【参考方案3】：

我在 iOS 中确实遇到过类似的问题。确保在谷歌开发者控制台中启用这两个 API。 iOS 版地图和 Android 版地图。可以为每个平台共享或生成密钥。

【讨论】：

谷歌地图地面覆盖颤动

...的给定纬度日志位置叠加显示图像。我正在使用flutter包google_maps_flutter:0.5.32，目前该包不提供实现该功能。【问题讨论】：请分享您已经尝试过的内容。我无法实现该功能，我在developers.google.c 查看详情

Flutter Android App 在使用谷歌地图时崩溃

...间】：2021-03-2408:09:40【问题描述】：尝试使用pub.dev中的google_maps_flutter包显示谷歌地图时，我的Flutter应用程序崩溃。这些是日志RunningwithunsoundnullsafetyFormoreinformationsee 查看详情

Flutter：地图依赖使应用程序崩溃

...尝试使用带有颤振的谷歌地图，所以我正在使用依赖项“google_maps_flutter”版本：“0.5.18”问题是当我添加下面的行时（在我的pubsec.yaml中）-->google_maps_flutter：^0.5.16depen 查看详情

如何在颤振中与谷歌地图集成？

...35:00【问题描述】：我开始使用Flutter进行开发，我想使用google_maps_flutter包。为了将地图添加到我的应用程序(https://medium.com/flutter-io/google-maps-and-flutter-cfb330f9a245)，我正在查看详情

如何在谷歌地图上添加多边形？

...【发布时间】：2019-11-1221:57:38【问题描述】：我正在使用google_maps_flutter插件来使用谷歌地图。我想在谷歌地图上绘制一个多边形，坐标取自用户。所采用的坐标是“位置”对象的类型。我已经尝试过使用map_view插件来绘制多边形... 查看详情

如何处理 Flutter 谷歌地图控制器

...】：2020-05-1212:57:27【问题描述】：我在我的项目中使用了google_maps_flutter库。当我热重载地图或从另一个视图返回地图时，它会崩溃并显示消息：Exceptionhasoccurred.PlatformException(PlatformException(err 查看详情

如何为 google_maps_flutter 设置缩放级别

】如何为google_maps_flutter设置缩放级别【英文标题】：HowtoSetZoomLevelForgoogle_maps_flutter【发布时间】：2021-11-2704:17:18【问题描述】：我正在使用google_maps_flutter包，并且myLocationButton的缩放级别在按下时设置为我的上一个缩放级别。我... 查看详情

居中所有标记和折线谷歌地图插件颤振适合屏幕

...根据设备大小调整缩放下面是我所做的代码。我正在使用google_maps_flutter:^0.5.18开发一个基本的“多个标记”谷歌地图类型的Flutter屏幕最初设查看详情

有啥方法可以在 Flutter for Web 中添加谷歌地图？

...-web并想在其中添加谷歌地图。虽然，我在Flutter-app中使用google_maps_flutter使用了谷歌地图，但这适用于Android 查看详情

如何在 Flutter 中限制谷歌地图的边界？

...【发布时间】：2020-02-2521:08:12【问题描述】：我正在使用google_maps_flutter包，我需要将地图的可滚动区域限制为特定区域。我有西南角和东北角，但我不知道怎么做。我已经尝试了下面的代码，但它不起作用。uniCampusSW和uniCampusNE... 查看详情

flutter从谷歌地图获取坐标(代码片段)

我使用包google_maps_flutter在我的应用程序中使用谷歌地图。我的问题是如何设置一个监听器，当我按下地图以显示这个地方的协调时显示。我在文档中找不到任何内容。我发现唯一的东西是controllerMap，我用来设置标记监听器，它... 查看详情

谷歌地图颤振中的半径单位是啥

...描述】：我的应用中有一些标记和圆圈，但我无法配置...google_maps_flutter包内的半径单位是什么...这是我的代码的一部分CirclecircleA=Circle(circleId:CircleId("A"),ce 查看详情

Flutter - 谷歌地图折线模式不起作用

...线。它有什么问题还是只是一个颤振的错误？谢谢。包：google_maps_flutter... 查看详情

当我包含谷歌地图时，我的构建失败

...题描述】：当我在pubspec.yaml中包含“谷歌地图”依赖项时google_maps_flutter:^0.2.0+3我的构建失败了：在为x86构建的AndroidSDK上以调试模式启动lib\\main.dart...D8：程序类型已经存在：android.sup 查看详情

从 google_maps_flutter 中删除多余的标记和圆圈

】从google_maps_flutter中删除多余的标记和圆圈【英文标题】：Removeredundantmarkersandcirclesfromgoogle_maps_flutter【发布时间】：2020-02-1408:07:34【问题描述】：我正在使用google_maps_flutter仅在地图上显示特定标记。不幸的是，地图上还有大量... 查看详情

在 google_maps_flutter 中获取可见标记

】在google_maps_flutter中获取可见标记【英文标题】：GetVisibleMarkersingoogle_maps_flutter【发布时间】：2019-06-0401:51:42【问题描述】：使用GoogleMapsforFlutter，我在地图上的不同位置放置了一些标记。我的Flutter应用程序上有一个单独的Raised... 查看详情

无法使用“google_maps_flutter”插件在 Flutter 中显示当前用户位置

】无法使用“google_maps_flutter”插件在Flutter中显示当前用户位置【英文标题】：Can\'tshowcurrentuserlocationinFlutterusing\'google_maps_flutter\'plugin【发布时间】：2020-11-1514:27:59【问题描述】：我正在尝试使用颤振在地图视图中显示当前用户... 查看详情

颤动的迭代标记

...示动态标记。我有一组客户的经度和纬度。import\'package:google_maps_flutter/google_maps_flutter.dart\';classClientintid;doublelongitude;doublelatitude;Stri 查看详情