保持谷歌地图v3地图隐藏,显示时需要的

还记得打电话给:

google.maps.event.trigger(map, 'resize');

<div> . A display:none <部门>

$("#GoogleMap").css({ opacity: 0, zoom: 0 });
initialize();

google.maps.event.addListener(map,"idle", function(){ 
     $('#Loader').hide();
     $("#GoogleMap").css({ opacity: 1, zoom: 1 });
}); 

这对我有用。我正在使用JQuery库。

$(document).ready(function(){
    $('#Checkbox').click(function(){
        $('#googleMapDiv').toggle();
        initialize(); // initialize the map
    });
});

setTimeout(function() {
        google.maps.event.trigger(map, "resize");
        map.setCenter(new google.maps.LatLng(default_lat, default_lng));
        map.setZoom(default_map_zoom);
    }, 2000);

om此链接 https://code.google.com/p/gmaps-api-issues/issues/detail?id=1448

这会有用的

    google.maps.event.addListener(map, "idle", function ()
    {
        google.maps.event.trigger(map, 'resize');
    });

<div> 设置样式:可见性。

visibility = hidden ; 显示用途 visibility = visible

原因是: visibility:hidden means that the contents of the element will be invisible, but the element stays in its original position and size.

更好的方法:

gmap.redraw = function() {
    gmOnLoad = true;
    if(gmOnLoad) {
        google.maps.event.trigger(gmap, "resize");
        gmap.setCenter(gmlatlng);
        gmOnLoad = false;
    }
}

在show click事件中:

$("#goo").click(function() {
  if ($("#map_canvas").css("display") == "none") {
    $("#YMapsID").toggle();
    $("#map_canvas").toggle();
    if (gmap != undefined) {
        gmap.redraw();
    }
  }
});

取决于你正在做什么,另一个可能性可能是在每个进程完成时将多个bool设置为true。

如果您有一个要等待的地理代码服务正在运行,那么可以调用var 地质状态

在地理编码器的结果部分,将GeoState设置为true,