谷歌地图上的黑匣子 - 请帮帮我

时间:2013-06-18 10:58:12

标签: javascript jquery google-maps drop-down-menu slider


我在谷歌地图上有问题。我使用谷歌地图上方的下拉菜单,鼠标滑过这个项目,如(运输,教育)在javascript中使用onmouseover事件投掷。但是当鼠标开出盒子时,鼠标开箱即用,盒子变成黑色。 我不知道为什么会出现这个问题。

这是问题的图像http://i.imgur.com/CHZOG3G.png?1?2494

这是下拉列表代码

// Copyright 2006-2007 javascript-array.com

var timeout = 500;
var closetimer  = 0;
var ddmenuitem  = 0;

// open hidden layer
function mopen(id)
{
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    if(ddmenuitem) ddmenuitem.style.display = 'none';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';
    ddmenuitem.style.display = '';
    ddmenuitem.style.overflowY = 'auto';
    ddmenuitem.style.overflowX = 'hidden';
    ddmenuitem.style.maxHeight = '250px';


}
// close showed layer
function mclose()
{
    if(ddmenuitem){ ddmenuitem.style.visibility = 'hidden';
    ddmenuitem.style.overflowY = 'hidden';
}
}

// go close timer
function mclosetime()
{
    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
    if(closetimer)
    {
    //ddmenuitem.style.zIndex = '1';
        window.clearTimeout(closetimer);
        closetimer = null;

    }
}

// close layer when click-out
document.onclick = setTimeout(mclose,5000);

这是来自下拉html代码的示例代码

<ul id="sddm" style="padding-left:0px;">
    <li><a href="#"
        onmouseover="mopen('museumCategory')"
        onmouseout="mclosetime()">Museums</a>
        <div id="museumCategory" style="z-index:1;"
            onmouseover="mcancelclosetime()"
            onmouseout="mclosetime()">
            <tmpl_var name=museumCategory>
        </div>
    </li>
.
.
.
.
</ul>

1 个答案:

答案 0 :(得分:0)

您正在使用哪个插件。如果是直接谷歌API,您可以尝试this.google.maps.event.trigger(地图,“调整大小”);