加载谷歌地图加载谷歌地图后，其他一切已加载

Question

我在我的网站上使用Google Maps JavaScript API的一些云字体。

避免显示字体“转化”为我设置的，我已经把一些基本代码最初隐藏body标签，然后加载它，一切都加载完成后，云字体：

JS ：

$(window).on('load', function() { 
    $("body").fadeIn('fast'); 
}); 

CSS：

body { 
    display: none; 
} 

的代码可以正常工作，但问题是要让Google Map正确加载它。正如你在这个fiddle中看到的那样，地图加载不正确。地图代码在它自己的工作很好。

如何使用加载功能窗口与Google地图结合使两者都能正常工作？

Answer 1

如果隐藏目标（#map），Google Maps显然不会加载。

一旦目标可见，您可以通过触发地图的调整大小事件来实现解决方法，但切记要将中心移回到您想要的位置（纬度/经度）。

google.maps.event.trigger(map, 'resize'); 
map.setCenter({lat: -34.397, lng: 150.644}); // from OP's fiddle 

更新小提琴：https://jsfiddle.net/Lfq1negw/1/