页面加载后初始化 Google 地球插件会导致页面为空答案

【问题标题】：Initialising Google Earth Plugin after page load leads to empty page页面加载后初始化 Google 地球插件会导致页面为空
【发布时间】：2012-09-28 15:12:24
【问题描述】：

我正在构建一个依赖于 Google 地球插件的页面。该页面是使用 require.js 和主干构建的。我想在导航到页面的给定部分时初始化 Google 地球插件（例如触发特定的主干路由）。

但是，如果 google earth 插件在页面加载后被初始化（通过google.load('earth', '1');），那么页面的内容将替换为生成的脚本标签 - 例如：

<script src="https://www.google.com/uds/?file=earth&amp;v=1" type="text/javascript"></script>
<script src="https://www.google.com/uds/api/earth/1.1/109c7b2bae7fe6cc34ea875176165d81/default.I.js" type="text/javascript"></script>

页面消失了。

有没有办法在页面加载后初始化插件，还是我需要求助于 HEAD 中的一些代码来初始化东西，然后在我准备好显示它时才调用 google.earth.createInstance？

【问题讨论】：

标签： google-api google-earth-plugin google-loader

【解决方案1】：

在发布之后我终于找到了答案here：

google.load(
    'earth',
    '1',
    {
        'callback': function()
        {
            // what was in the google.setOnLoadCallback 
            // in the GE plugin examples 
        }
    }
);

（假设您已经包含了指向 https://www.google.com/jsapi 的 <script> 标记）。将回调作为第三个参数的一部分传递给google.load 显然会阻止它将脚本标签写入您的文档并覆盖那里的任何其他内容！

【讨论】：