Question

由于某些原因，当使用带有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的密钥？

请建议。

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

Answer 1

我们在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地球插件。

使用谷歌地球插件给我白色地图

1 个答案: