Ionic3离子型原生谷歌地图不显示地图，而只显示谷歌徽标(显示灰色空白地图)

Question

更新

感谢wf9a5m75的回答。我在API键上有一个错误的概念。安卓和IOS密钥是由Google平台控制台(https://cloud.google.com/maps-platform/). I使用的https://console.developers.google.com/生成的，这是Google的用途，所以当我在web应用程序上测试API密钥时，它可以工作，但不能用于移动设备。

对于任何跟随 https://docs.google.com/presentation/d/1zlkmoSY4AzDJc_P4IqWLnzct41IqHyzGkLeyhlAxMDE/edit#slide=id.g282d0a7bfd_0_186的人，使用 https://cloud.google.com/maps-platform 来生成密钥

​

​

原始问题：

​

​

离子型原生谷歌地图不能正确显示地图。我遵循离子本机谷歌地图指南，我安装了最新的离子型原生谷歌地图：

npm install @ionic-native/google-maps

添加API密钥

ionic cordova plugin add cordova-plugin-googlemaps \
  --variable API_KEY_FOR_ANDROID="..." \
  --variable API_KEY_FOR_IOS="..."

为Android和IOS启用了Maps SDK。

我用ionic cordova run ios -l -c --target="iPhone-7"测试

已经花了几个小时移除所有的包和平台，重新添加它们，什么都不起作用。

我在网上搜索，它说不正确的API键导致了这个问题，但是我在一个能够正确显示地图的web应用程序上尝试了相同的键。

有人能帮忙吗？谢谢!

Answer 1

灰色映射一直是api的关键问题。key/README.md