Google 地球插件忽略 KML 中的 JavaScript

Question

我创建了一个简单的 KML 文件，它可以在独立的 Google 地球客户端中运行，但在 Google 地球插件(无论使用何种浏览器)中根本无法运行:

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
    <Folder>
        <name>South Florida</name>
        <open>1</open>
        <Document>
            <name>Miami</name>
            <Style id="miami_style">
                <IconStyle>
                    <Icon>
                        <href>http://i.imgur.com/CNrRU.gif</href>
                    </Icon>
                </IconStyle>
                <BalloonStyle>
                    <text><![CDATA[<font face="Arial">$[description]</font>]]></text>
                </BalloonStyle>
            </Style>
            <Folder>
                <name>Miami</name>
                <open>1</open>
                <Placemark id="Miami">
                    <name>Miami</name>
                    <description><![CDATA[
                        <script type="text/javascript">
                            function hideImage() {
                                var image = document.getElementById("image");
                                image.style.opacity = 0;
                                image.style.MozOpacity = 0;
                                image.style.KhtmlOpacity = 0;
                                image.filter = "alpha(opacity=0)";
                            }
                        </script>
                        <button id='clicker' onclick='hideImage();'>Click Me</button>
                        <img id="image" src="http://i.imgur.com/4rhT7.png">
                    ]]></description>
                    <styleUrl>#miami_style</styleUrl>
                    <Point>
                        <coordinates>-80.22643611111111,25.788952777777777,0</coordinates>
                    </Point>
                </Placemark>
            </Folder>
        </Document>
    </Folder>
</kml>

基本上，我有一个默认显示的图像，我想让它在我单击按钮时消失。最终，我希望能够通过点击来切换图像，但我认为这需要先工作才能到达那一步。

这在独立的 Google 地球中工作得很好，但在 Google 地球插件中不起作用。

奇怪的是，如果我在 JavaScript 控制台中运行它，它也适用于 Google 地球插件之后气球已经显示。它只是不承认文件中已有的代码。

有什么想法吗？

Answer 1

出于安全目的，Earth API 删除了气球描述中的所有 javascript。一个常见的解决方法是监听地标上的点击事件(或更普遍的气球打开事件)，然后以编程方式重新创建一个包含完整内容的 HtmlDivBalloon。有关更多详细信息，请查看 http://code.google.com/apis/earth/documentation/balloons.html#getballoonhtmlunsafe