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

Answer 2

我有类似的问题，并一直在寻找解决方案。我找到了这个答案，我还没有尝试过，但它可能对你有用：

http://markmail.org/message/ivlw7jv3u5nxwkde

我希望如此 - 分享你的成功！

Answer 3

可以将简单的JavaScript代码（甚至是简单的jQuery）输入或，它将起作用。但是仅在Google Earth环境中。 Google Earth API折旧之后，我们不能真正在Google Earth之外使用.kml文件中的JS。在此处了解更多信息： http://www.mkrgeo-blog.com/content-management-in-kml-files/

Google地球插件忽略的KML中的JavaScript

3 个答案: