0

何らかの理由で、EXTJS で Google Earth プラグインを使用すると、白い地図が表示されます。

私の評判には多少の作業が必要ですが、画像を投稿できたらいいのにと思います。

アプリをロードするときに、次のファイルを含めます。

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 Earth プラグインがインストールされていることを確認してください。

于 2013-06-27T20:05:03.773 に答える