Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图上的黑匣子-请帮帮我_Javascript_Jquery_Google Maps_Drop Down Menu_Slider - Fatal编程技术网

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

Javascript 谷歌地图上的黑匣子-请帮帮我,javascript,jquery,google-maps,drop-down-menu,slider,Javascript,Jquery,Google Maps,Drop Down Menu,Slider,我在谷歌地图中遇到问题。我使用谷歌地图上方的下拉菜单,在javascript中使用onmouseover事件将鼠标滑动到项目上,如(交通、教育)抛出。但当鼠标从框中出来时,意味着鼠标从框中出来,框变黑。 我不知道为什么会发生这个问题。这是一个问题的图像 这是下拉列表代码 // Copyright 2006-2007 javascript-array.com var timeout = 500; var closetimer = 0; var ddmenuitem = 0; // open


我在谷歌地图中遇到问题。我使用谷歌地图上方的下拉菜单,在javascript中使用onmouseover事件将鼠标滑动到项目上,如(交通、教育)抛出。但当鼠标从框中出来时,意味着鼠标从框中出来,框变黑。 我不知道为什么会发生这个问题。

这是一个问题的图像

这是下拉列表代码

// 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>
    . . . .

您正在使用哪个插件。如果直接使用google API,您可以尝试使用这个.google.maps.event.trigger(映射,“调整大小”)

如果您使用的是Google Maps v2,请查看此链接。。谢谢你的回复,但是我可以把你提供的代码放在哪里。google.maps.event.trigger(map,“resize”);您知道一个地图对象。该对象将被放置在触发器函数中。请您共享您尝试的代码。因为问题可能是您的地图容器的高度和宽度。不足以携带谷歌地图我想…请检查一下…你使用的是哪种api。。gmap3?