隐藏Google地图v3地图,并在需要时显示

Question

有没有办法阻止从一开始就显示谷歌地图(JS,v3)地图？我正在进行一些预处理,并希望显示我的"加载"微调器,直到一切都好(去更加雄辩地放置,隐藏地图 - 例如容器div- 直到所有预处理完成 - 此时,显示地图).

连接地图的idle事件并没有多大帮助,因为在此事件发生时已经显示了地图.

我知道容器div在加载后由GMaps进行内联样式化,我的第一个想法是清除style属性(同时听取idle事件),但是看看是否有创建地图而不显示的方法会很有趣直到所有预处理完成.

也许通过使用new google.maps.Map构造函数的参数,或者MapOption？

有什么想法吗？

先感谢您!

Answer 1

还记得打电话:

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

如果你改变了大小<div>.A display:none <div>没有大小.

Answer 2

或者你可以像css visablility或css opacity一样隐藏它.

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

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