google map api with jQuery slideToggle callback

Question

我已经问了同样的问题

  

我将谷歌地图放在一个div中，并将一个slideToggle放到了div上。   Google地图无法正确显示。   Google map API doesn't display correctly jQuery slideToggle

但我认为这个问题更接近答案，我把所有内容都放在了slideToggle回调中;

$this.next('.hide').slideToggle(function initialize(){

}

请查看jsfiddle

上的代码

如果向下打开所有3个地图，然后稍微拖动地图并“点击”使其滑动，您将看到其他两个地图也被刷新。目前的问题是，当滑动或向下时，所有3个地图不仅会自动刷新。

如果有人可以提供帮助？感谢

Answer 1

在代码中没有引用触发slideToggle函数的元素的引用，因此每次运行函数时它都被强制执行相同的操作。

这应该有效：http://jsfiddle.net/aA9Vq/1/

我做的主要更改是根据this函数的上下文（slideToggle）更改地图ID。