谷歌地图隐藏潜水停止隐藏

Google Maps Hidden Div stopped hiding

本文关键字:隐藏 潜水 谷歌地图      更新时间:2023-10-07

我的网站上有一张谷歌地图,自12月初以来一直运行良好。前几天晚上,突然间,当我进入网站时,地图默认打开。我无法关闭它。我所有的谷歌地图都是这样的。。。但几个月来没有人碰过密码?是什么原因造成的?

Firefox中的Inspect元素告诉我div是隐藏的,但它非常明显。

我的控制台没有显示错误。

我知道这是广泛的,但它的奇怪行为不可能是由php文件中的错误击键引起的。


好的。仍然不起作用。很遗憾,很抱歉,但我无法共享该网站。但是,我已经将代码精简到最低限度,可见性默认为VISIBLE。哦,当我禁用谷歌代码时,一切都很完美。屏幕默认为正确的视图,正确点击图像会打开面板——地图所在的位置是灰色的。

CSS。。。将mapprojdiv定义为隐藏。

#mapproj, #mappers, #mapbuildproj, #mapcurproj  {
    visibility:hidden;
    background:#666;
    text-align:left;
    position:absolute;
    width: calc(100% - 200px);
    width: -o-calc(100% - 200px); /* opera */
    width: -webkit-calc(100% - 200px); /* google, safari */
    width: -moz-calc(100% - 200px);
    height: calc(100% - 80px);
    height: -o-calc(100% - 80px); /* opera */
    height: -webkit-calc(100% - 80px); /* google, safari */
    height: -moz-calc(100% - 80px);
    overflow-y:auto;
    left:200px;
    top:40px;
    color:black;
    z-index:1;
} 

HTML。。。只使用变量comp集调用showprojmap()函数。

<img style="margin-left:5px;" class="icon" src="images/add.png" alt="some_text" title="Add a project" onclick="showprojmap(3)" height="15px" width="15px">    
<div id="mapproj"></div>

显示projmap函数。。。应该将div设置为可见,因为没有设置type。

function showprojmap(comp, type) {
    if (typeof type !=='undefined') {
        var personallog = document.createElement('input');
        var createproject = document.getElementById("createproject");
        personallog.setAttribute("id","personalid");
        personallog.setAttribute("name","personalid");
        personallog.setAttribute("type","hidden");
        personallog.setAttribute("value",comp)
        createproject.appendChild(personallog);
        document.getElementById('mappers').style.visibility = "visible";
    } else {
        var  personallog = document.getElementById("personalid");
        document.getElementById('mapproj').style.visibility = "visible";
            if (personallog){
                personallog.parentNode.removeChild(personallog);
            }
    }
    document.getElementById('logsmapproject').style.visibility = "visible";
}

谷歌地图代码。。。自动将div设置为可见。

var mapproj;
function initializeproj() {
    var mapOptions = {
        center: { lat: -34.397, lng: 150.644},
        zoom: 8
    };
    mapproj = new google.maps.Map(document.getElementById('mapproj'), {
    zoom: 15,
    center: { lat: 41.7636111, lng: -72.6855556}
    });
    var infowindow = new google.maps.InfoWindow();  
}
google.maps.event.addDomListener(window, 'load', initializeproj);

同样,直到上周二晚上9点到10点左右,情况才有所不同。由于我的电脑上没有打开文本编辑器,这就停止了工作。

我最近遇到了一个类似的问题,一个弹出的地图突然停止关闭。

如果它对你有帮助,我通过请求最新版本的谷歌地图JS api(在请求查询字符串中添加v=3.18)来绕过它。我仍然看到v3.19的问题。

http://maps.google.co.uk/maps/api/js?v=3.18&sensor=true&callback=loadMaps

我发现,如果你没有明确要求一个版本,你只会得到最新的实验版本。

希望这能有所帮助。