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/，这就是为什么当我在Web应用程序上测试API Key时它可以工作但不适用于手机。

对于跟随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启用了Maps SDK。

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

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

我在网上搜索它说错误的API KEY导致了这个问题，但我在Web应用程序上尝试了相同的密钥，可以正确显示地图。

有人可以帮忙吗？谢谢！

Answer 1

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