アニメーション後にGoogleマップのコンテナのサイズが正しく変更されない

Question

Googleマップのコンテナがあります。

私はマップarroundの（jQueryの）のdivコンテナのサイズを変更し、ボタンを持っている：

  $('#add').click(function() { 
       $("#container-map").animate({ 
        height: '50%', 
        minHeight: '50%' 
       }, 1500); 
       google.maps.event.trigger(map, 'resize'); 
      }); 

は今、コンテナとマップが300ピクセルの高さであるが、Google Maps APIが、それはまだ600ピクセルだと思っので、地図の中心は300 pxですが、150 px（300/2）にする必要があります。

ボックス内の場所を検索すると、中央に表示されます。 "Eintragen"をヒットしてもう一度検索すると、正しく中央に配置されません。

この欠陥を修正する方法を確認したり、提案することはできますか？

私はusual solution with triggering the resize eventを使用しようとしたが、アニメーションもあなたはそれが終了するまで待つ必要が:-)を開始する前に、resizeイベントを誘発するので、それは

Answer 1

ハハを動作しません。このため、the 4th argument of .animateを使用する - アニメーションが終了した後に呼び出されcompleteコールバック：

$('#add').click(function() { 
    $("#container-map").animate({ 
     height: '50%', 
     minHeight: '50%' 
    }, 1500, function() { 
      google.maps.event.trigger(map, 'resize'); 
    }); 
});