Google Maps kapsayıcı, animasyondan sonra düzgün şekilde yeniden boyutlandırmıyor

Question

Bir google harita konteynerine sahibim, 600 piksel yükseklik diyelim.

Ben yeniden boyutlandırma, bir düğme (jQuery), haritanın etrafında div konteyner: Artık

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

konteyner ve harita 300px yüksekliğinde, ancak Google Maps API hala 600 piksel sanıyor, bu yüzden Haritanın merkezi hala 300 px'dir, ancak 150 px (300/2) olmalıdır.

http://woisteinebank.de/dev2.html# Kutuda bir yer ararken, ortalanır. "Eintragen" e basın ve tekrar arayın, düzgün ortalanmış değil.

Bu kusurun nasıl giderileceğini denemeyi ve hatta önermeyi deneyebilir misiniz?

Ben usual solution with triggering the resize event kullanmaya çalıştı ama sen biter kadar beklemek zorunda :-) animasyon bile başlamadan önce yeniden boyutlandırma olayını tetikler çünkü

Answer 1

Ha ha çalışmaz. Bunun için the 4th argument of .animate kullanmak - animasyon sonra denir complete geri arama sona erer:

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