Google maps 谷歌地图API 3在左上角加载地图,调整大小无效

Google maps 谷歌地图API 3在左上角加载地图,调整大小无效,google-maps,maps,Google Maps,Maps,我使用谷歌地图加载带有latLng参数的地图。 这基本上可以正常工作,但有时(像现在一样),地图会在左上角居中。 我试过这个把戏 google.maps.event.trigger(gomap,'resize') 但这并没有起作用,所以我做了我在其他地方找到的事情,并将其包装在一个等待地图空闲的侦听器中: google.maps.event.addListenerOnce(map, 'idle', function() { google.maps.event.trigger(gomap, '

我使用谷歌地图加载带有latLng参数的地图。 这基本上可以正常工作,但有时(像现在一样),地图会在左上角居中。 我试过这个把戏
google.maps.event.trigger(gomap,'resize')

但这并没有起作用,所以我做了我在其他地方找到的事情,并将其包装在一个等待地图空闲的侦听器中:

google.maps.event.addListenerOnce(map, 'idle', function() {
  google.maps.event.trigger(gomap, 'resize');
});
但这也不行。我不确定我必须把这些放在哪里,所以我当前的代码如下(简化)

(gomap=map存在是因为还有几个其他实例使用var-map,所以我只将map的值分配给全局gomap)


非常感谢您的帮助。

地图最初是隐藏的,当单击某个按钮时会显示,我注意到地图加载时不会出现问题

因此,我更改了JavaScript以触发调整大小并在div淡入后重新居中贴图:

$('#'+name).fadeIn(300,function(){
   google.maps.event.trigger(gomap, 'resize');
   map.setCenter(gopoint);
});

这为我解决了问题。

你能用样式信息显示完整的代码吗?我稍后会这样做,我的老板让我做完全不同的事情。我把我的东西放在一把JS小提琴上,但它看起来很笨拙,好像有用。它不会设置标记,但地图会正确居中。地图本身没有太多的样式。。但是,是的,我这里有:没有id为
inputPlaceAddress
的元素。它也是隐藏的吗?什么是
window[callback](位置)
其中
callback
onAddressUpdate
?如果我更新了,小提琴上的地图将以标记为中心。
$('#'+name).fadeIn(300,function(){
   google.maps.event.trigger(gomap, 'resize');
   map.setCenter(gopoint);
});