Yenile Google Map in Jquery Çoklu Adım Formu

Question

Birden çok adımla bir JQuery formum var ve google map div koymak istediğim ikinci adım. Şu anda bu GMAP div çalışmıyor, sadece kısmen gösteriyor. Bootstrap sekmesindeki refreshig haritasıyla ilgili birçok soru okudum ama durumum için nasıl uygulayacağımı bilmiyorum.

ben bu kodu

HTML

<fieldset> <!--step 1--> 
some inputs 
<input type="button" name="next" class="refresh next action-button" value="Next" /> 
</fieldset> 
<fieldset> <!--step 2--> 
<div id="maphome"></div> <!-- NOT LOADING THE MAP --> 
<input type="button" name="previous" class="previous" value="Previous" /> 
<input type="button" name="next" class="next action-button" value="Next" /> 
</fieldset> 

jQuery/JS (denedim)

var addressPicker = new AddressPicker({ 
    map: { 
     id: '#maphome', 
     styles: <?php echo $map_style; ?> 
    } 
}); 

// instantiate the typeahead UI 

$('#address').typeahead(null, { 
    displayKey: 'description', 
    source: addressPicker.ttAdapter() 
}); 

// Bind some event to update map on autocomplete selection 

$('#address').bind('typeahead:selected', addressPicker.updateMap); 
$('#address').bind('typeahead:cursorchanged', addressPicker.updateMap); 

//This is not refreshing 

$('.refresh').on('click', function() { 
    setTimeout(function(){ 
     google.maps.event.trigger(map, 'resize'); 
    }, 50); 
}); 

Bana yardım edebilir ile denedim? Şimdiden teşekkürler.

Answer 1

Henüz bir tane yoksa, #maphome için bir yükseklik sınıfı eklemeyi deneyin.