0

出于某种原因，当使用带有 EXTJS 的 Google 地球插件时，它只会给我一张白色的地图。

希望我可以发布一张图片，尽管我的声誉需要一些工作。

加载我的应用程序时，我包含以下文件。

https://www.google.com/jsapi
/location_of_file/googleearth/Ext.ux.GEarthPanel-1.3.js
/location_of_file/googleearth/Ext.ux.GEarthPanel-1.3.css
/location_of_file/GoogleEarthStartup.js

启动文件包含。

google.load("earth", "1");
google.load("maps", "2.xx");

我需要 jsapi 的密钥吗？

请指教。

所有浏览器都给我同样的问题。

4

1 回答 1

0

我们在 ExtJs 容器中加载了 GE 插件。HTML 看起来像：

<script type="text/javascript" src="scripts/globe/Globe.js"></script>
<script type="text/javascript" src="scripts/ext/ext-all-debug.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("earth", "1");
</script>

<script type="text/javascript">
   Ext.onReady(function() {
      Globe.initGlobe();
   });
</script>
...
<body><!--Globe Panel is inserted here from Globe.js by Ext--></body>

javascript 类设置了一个容器，其中包含我们可以定位的 div：

this.globeContainingPanel = Ext.create('Ext.container.Container', {
    ...
    renderTo:   Ext.getBody(),
    items: [{
       {
            xtype: 'panel',
            region: 'center',
            html: '<div id="map3d"></div>'
       }
    }]
});

然后让 GE 渲染到 div 面板：

window.google.loader.ApiKey = 'ABCDEFGHIJKLMNOPgoogle.earth.ex.key';
window.google.loader.KeyVerified = true;
window.google.earth.allowUsageLogging = false;

google.earth.createInstance('map3d', this.initCallback, this.failureCallback);

此外，请确保您的浏览器中安装了 Google 地球插件。

于 2013-06-27T20:05:03.773 回答