使用带有科尔多瓦的谷歌地图插件显示空白地图答案

【问题标题】：using google map plugin with cordova show blank map使用带有科尔多瓦的谷歌地图插件显示空白地图
【发布时间】：2017-02-04 05:45:42
【问题描述】：

我想在我的科尔多瓦应用程序中使用谷歌地图插件。我使用以下命令成功创建了我的 sha1 密钥：

keytool -exportcert -alias androiddebugkey -keystore C:\Users\Morsali.android\debug.keystore -list -v

我成功创建了我的 android 和 IOS 密钥。包名，sha1，...正确导入：

但是当我使用以下 index.html 页面构建我的应用程序时，我看到一个只有谷歌图标的空白地图：

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript">
    var map;
    document.addEventListener("deviceready", function() {
      var div = document.getElementById("map_canvas");

      // Initialize the map view
      map = plugin.google.maps.Map.getMap(div);

      // Wait until the map is ready status.
      map.addEventListener(plugin.google.maps.event.MAP_READY, onMapReady);
    }, false);

    function onMapReady() {
      var button = document.getElementById("button");
      button.addEventListener("click", onBtnClicked, false);
    }

    function onBtnClicked() {
      map.showDialog();
    }
    </script>
</head>
<body>
    <h3>PhoneGap-GoogleMaps-Plugin</h3>
    <div style="width:100%;height:400px" id="map_canvas"></div>
    <button id="button">Full Screen</button>
</body>
</html>

这是插件googlemap-plugin 以下代码有什么问题？我该如何解决？请帮我。谢谢。

【问题讨论】：

标签： android cordova google-maps

【解决方案1】：

Cordova 在 WebViews 中而不是在 Android 的 View API 中进行大量渲染。您生成的 API 密钥严格用于“Android 应用程序”。由于您没有使用 Android Google Maps API，我建议您尝试将您的密钥限制为“HTTP referrers”，甚至使用“None”进行测试

【讨论】：

我没有选择，也选择了 Http 引荐来源网址，但没关系...地图显示空白很遗憾，我不知道为什么...我的 api 密钥是真的我的脚本是真的，...但是不显示，我无法调试，因为波纹无法正确显示插件。请帮帮我...谢谢
您是在模拟器还是物理设备上运行？如果您使用的是模拟器，您使用的是安装了 Google API 的 Android 版本吗？