当前位置: 首页 > 知识库问答 >
问题:

使用google map插件与cordova显示空白地图

孔瑾瑜
2023-03-14

我想在我的cordova应用程序中使用谷歌地图插件。我使用以下命令成功创建sha1密钥:

keytool-exportcert-alias androiddebugkey-keystore C:\users\morsali.android\debug.keystore-list-v

并且我成功地创建了我的android和IOS密钥。包名称,sha1,...正确导入:

    <!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插件,下面的代码有什么问题吗?我该怎么修好它?请帮帮我.谢谢你。

共有1个答案

钱承允
2023-03-14

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

 类似资料:
  • 我知道这个问题在网上被问了很多次。我什么都试了,运气都没了。 我正在尝试将数据发布到服务器并获得一个简单的响应。显然,我需要安装cordova白名单插件来实现从应用程序访问外部源,所以我安装了它。 我返回的错误是:加载资源失败:net::ERR\u NAME\u NOT\u RESOLVED 项目信息: 这是一个Onsen UI应用程序 已安装的插件: cordova插件-compat@1.1.0

  • 这真的快把我逼疯了。我已经做了以下工作: 将我的包名+SHA1(调试密钥库)+SHA1(发布密钥库)添加到Google Developer的控制台。 已启用用于Android的地图SDK。API密钥有Android应用程序限制 从Firebase控制台将google-services.json添加到我的应用程序 添加了必要的权限: 将API键添加到清单文件-从Google Developer Co

  • 我已经在我的NativeScript2.0项目中安装了nativescript-google-maps-sdk插件。 在app.gradle文件中,我添加了对com.google.android.gms:play-services-maps:8.3.0包的引用。 但是没有什么帮助...我仍然有一个空白的屏幕,有谷歌的标志,但没有地图。

  • 我已经在本地机器上成功安装了 CakePHP 3。我使用WAMP服务器(http: // localhost /)。一切正常。当我通过FTP将相同的文件传输到Web服务器时 http://example.com/ cakephp 3不起作用,它会显示白色空白页。Web服务器(example.com)使用php 5.6版本。问题出在哪里?怎么了?

  • 我在这里遵循GLUT教程。我将第一个示例“YAT”复制并粘贴到xcode中,稍微修改了包含,发现出现了一个空白窗口。未修改的代码设置为显示线框茶壶。对我来说,这不会发生。 但是,如果我取消对创建金牛座的注释,则金牛座和茶壶的一部分会出现在窗口中。在//draw下,似乎还有一些随机的非注释行和注释行的组合,它们实际上会导致对象出现……或者只是一个空白屏幕。 P、 我知道每个人都说不要使用GLUT,但

  • 本文向大家介绍tensorboard显示空白的解决,包括了tensorboard显示空白的解决的使用技巧和注意事项,需要的朋友参考一下 ubuntu 14.04 + python3.4 + chrome, 在浏览器中查看tensorboard, 发现出了graph,其他的数据都是空白。 通过分析,发现js中如下一些错误 Uncaught SyntaxError: Block-scoped decl