2011-07-12 33 views
0

我有这个页面,超级菜单没有显示谷歌地球插件,但在! 这个问题发生在IE8和谷歌浏览器中。 任何想法? 要运行下面的代码来看,它在本地主机(即与谷歌地球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> 

回答

0

不可能对Google-之上应用的任意HTML内容的z-index分层地球插件窗口。目前该功能的长期功能要求在这里:

  • ​​

在评论这一要求有变通方法,并演示张贴涉及一个IFRAME垫片,但仅适用于iframe的盒装内容。由于插件在浏览器中工作的低级细节,我认为不太可能在任何时候在插件窗口上对任意内容进行Z-index分层,特别是在所有浏览器中。