Ionic3离子原生谷歌地图不显示地图但只有谷歌徽标（显示灰色空白地图）

Question

更新

感谢wf9a5m75的回答。我对API密钥有一个概念误解。 Android和IOS API密钥是从Google Cloud Platform Console生成的 （https://cloud.google.com/maps-platform/）。我使用的是用于Google Maps Javascript的https://console.developers.google.com/，这就是为什么当我在网络应用上测试API密钥时，它可以运行但不适用于手机。< / p>

对于关注Ionic native google maps guide的任何人，请使用https://cloud.google.com/maps-platform生成密钥

原始问题：

离子原生谷歌地图无法正确显示地图。 我跟着Ionic native google maps guide 我使用以下方法安装了最新的离子原生谷歌地图：

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启用了地图SDK。

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

进行了测试

花了几个小时删除所有软件包和平台并重新添加它们，没有任何作用

我在网上搜索它说不正确的API密钥会导致此问题，但我在网络应用程序上尝试了相同的密钥，可以正确显示地图。

有人可以帮忙吗？谢谢！

Answer 1

灰色地图总是api关键问题。 https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.3.0/api_key/README.md