Ionic3 ionic native google 地图不显示地图，只显示 google 标志（显示灰色空白地图）

Question

更新

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

任何遵循 Ionic native google maps guide, use https://cloud.google.com/maps-platform 生成您的密钥的人

原题：

Ionic 原生 google 地图无法正确显示地图。我关注了 Ionic native google maps guide 我安装了最新的 ionic native google 地图使用：

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 导致了这个问题，但我在可以正确显示地图的网络应用程序上尝试了相同的密钥。

有人可以帮忙吗？谢谢！

Answer 1

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

Ionic3 ionic native google 地图不显示地图，只显示 google 标志（显示灰色空白地图）

Ionic3 ionic native google maps doesn't show map but only google logo (display grey blank map )

google-maps

google-cloud-platform

ionic-framework

ionic-native

ionic3