谷歌地图只加载了一半

查看上面的图片并在 – > http://domainsoutlook.com/s/site/stackoverflow.com.html上尝试url，然后转到服务器信息标签。

我注意到的荒谬点是，如果我加载http://domainsoutlook.com/s/site/stackoverflow.com.html#server_information

然后地图加载很好

Answer 1

更改选项卡后，需要调用checkResize() API函数。

首先移动map变量upper的声明，例如：

 var map; $(document).ready(function() { //... your code 

然后在单击选项卡后调用map.checkResize()函数。

Answer 2

显示地图后保留此项。

google.maps.event.trigger（map，’resize’）;

Answer 3

我有同样的问题。 我在Oracle Apex 3.2中创建了一个应用程序并使用JavaScript，显示带有标记的Google Map以及标记所在位置的街景面板。 在Internet Explorer中出现了一半地图的问题但在Firefox中一切都很顺利。 添加map.checkResize()解决了这个问题。

Answer 4

我在AngularJS应用程序中遇到了同样的问题，我通过在$ timeout中包含地图初始化代码来解决它

 $timeout(function(){ //Your map initialization code scope.initialize(); });