谷歌地图只加载了一半

Question

查看上面的图片并在 - ＆gt;处尝试网址http://domainsoutlook.com/s/site/stackoverflow.com.html并转到服务器信息标签。

我注意到的荒谬观点是，如果我加载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();
});