Question

我有这个页面，超级鱼菜单没有显示在谷歌地球插件，但在下！这个问题发生在IE8和谷歌浏览器中。有任何想法吗？要运行以下代码，请在localhost（即使用google earth api密钥注册的域）下运行它

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <link type="text/css" rel="Stylesheet" href="http://users.tpg.com.au/j_birch/plugins/superfish/css/superfish.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/superfish/js/superfish.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi?key=ABQIAAAAFoBwRF7WovCjsFJemYop1hT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTpGk76aE2Yul2N6gAS9CZLeDBtuA"></script>
    <script>

    $(document).ready(function() { 
        $('ul.sf-menu').superfish();
    });

    var ge;

    google.load("earth", "1");

    function init() {
        google.earth.createInstance('map3d', initCallback, failureCallback);
    }

    function initCallback(instance) {
      ge = instance;
      ge.getWindow().setVisibility(true);
    }

    function failureCallback(errorCode) {
    }

    </script>
    </head>
    <body onload="init()">
    <ul id="sample-menu-1" class="sf-menu">
                    <li class="current">
                        <a href="#a">menu item</a>
                        <ul>
                            <li>
                                <a href="#aa">menu item</a>
                            </li>
                            <li class="current">
                                <a href="#ab">menu item</a>
                            </li>
                        </ul>
                     </li>
    </ul>                    
    <div id="map3d" style="width: 500px; height: 380px;"></div>

</body>
</html>

Answer 1

无法在Google-Earth-Plugin窗口之上应用任意HTML内容的z-index分层。这里有一个长期功能请求：

http://code.google.com/p/earth-api-samples/issues/detail?id=9

在对该请求的评论中，发布了涉及IFRAME垫片的变通方法和演示，但这仅适用于iframe盒装内容。由于插件如何在浏览器中工作的低级细节，我认为不太可能在插件窗口上进行任意内容的z-index分层，特别是在所有浏览器中。

超级鱼下拉菜单谷歌地球插件

1 个答案: