相关疑难解决方法(0)

我正在使用Twitter的Bootstrap来定义我的CSS.我创建了一个包含三个选项卡的页面.第二个标签包含使用Google地图构建的地图.但是,当打开页面并使用地图切换到第二页时,地图不会完全呈现.一旦我使用谷歌地图选项卡重新加载页面作为选定的选项卡,地图就会完全加载.

我读了一些帖子,建议有相同问题的人将以下代码添加到javascript:

google.maps.event.addDomListener(window, 'resize', function() {
    map.setCenter(homeLatlng);
});

然而,这似乎不是解决方案.请在下面找到完整的代码:

使用Javascript:

<script type="text/javascript">
function initialize() {
    google.maps.event.addDomListener(window, 'resize', function() {
        map.setCenter(homeLatlng);
    });

    var myLatlng = new google.maps.LatLng(37.4419, -122.1419);
    var myOptions = {
        zoom: 13,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    downloadUrl("data.xml", function(data) {
        var markers = data.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
            var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")), 
                                parseFloat(markers[i].getAttribute("lng")));
            var marker = new google.maps.Marker({position: latlng, map: map});
        }
    });
}
</script>

HTML: …

我的页面上有一个谷歌地图,我自己建立了一个可以随意显示和隐藏的搜索窗格.它涵盖了像一边说地图的200像素.问题在于,当我调整地图大小时,窗格重叠的区域是未渲染的,即地图因某些原因无法渲染.

看看这个链接

在Box类型中,假设OMDB是机场的icao代码,然后按回车键.

显示结果,您将看到窗格.现在点击全屏链接,然后单击机场选项卡以使面板消失 - 您现在看到地图的一部分根本没有渲染...我必须拖动地图并且仅部分渲染那个地区.我该如何解决？

仅供参考我在Windows XP上运行Google Chrome,Firefox和IE8.有没有办法强制完成地图的渲染？这是一个非常不稳定的问题,它可能与我的代码有关,还是主机问题？或谷歌只是不喜欢我？:(

编辑:看到旁边的丑陋补丁.它的未渲染区域也应该渲染地图.没有任何放大和平移有助于清除这个:(