Question

我正在尝试使用Google地球插件，并且发现它的调用方式非常特别：如果在Javascript执行的主要流程之外调用（例如，通过setTimeout），它只是拒绝调用负载回调。以下示例是自包含的插图。更改更改后两行中的哪一行被注释掉以查看它是否有效。

发生了什么事？

<html>
<head>
  <title>Sample</title>
  <script type="text/javascript" src="https://www.google.com/jsapi"> </script>
  <script type="text/javascript">
      var ge;
      function init() {
        console.log('Initing');
        function cb(instance) {
          ge = instance;
          ge.getWindow().setVisibility(true);
          console.log('Ok');
        };
        function fail() {}
        google.earth.createInstance('map3d', cb, fail);
      }
      function loadTheMap() {
        google.load("earth", "1.x");
        google.setOnLoadCallback(init);
        console.log('Callback is set');
      }
      //loadTheMap(); // works
      setTimeout(loadTheMap, 200); // Does not work
  </script>

</head>
<body>
  <div id="map3d" style="height: 400px; width: 600px;"></div>
</body>
</html>

Answer 1

这是一个时间问题。

google.setOnLoadCallback()允许您指定页面加载时调用的函数。

当您使用setTimeout()时，它会在页面加载后调用setOnLoadCallback() ，因此它永远不会调用您的函数。

您可以这样做，而不是使用google.setOnLoadCallback()：

function loadTheMap() { google.load("earth", "1.x", {"callback" : init}); console.log('Callback is set'); } setTimeout(loadTheMap, 200);

我有点困惑，因为Google docs说地球不支持动态加载，但我看过it done in the api samples，它适用于我（在Chrome中）。< / p>

google.load从不调用回调

1 个答案: