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

Question

更新

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

对于关注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