Javascript 以Jquery多步骤表单刷新Google地图

我有一个包含多个步骤的Jquery表单，第二步我想放一个GoogleMap div。 目前，这个GMAP部门不起作用，只是部分显示出来。我已经在引导选项卡中阅读了许多关于refreshig map的问题，但我不知道如何将其应用到我的案例中

我试过使用这个代码

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（我已经试过了）

var addressPicker=新的地址选择器({
地图：{
id:“#地图主页”，
风格：
}
});
//实例化typeahead UI
$（“#地址”）.typeahead（空{
displayKey:'说明'，
来源：addressPicker.ttAdapter（）
});
//绑定某些事件以在自动完成选择时更新映射
$（'#address'）.bind（'typeahead:selected'，addressPicker.updateMap）；
$（'#address'）.bind（'typeahead:cursorchanged'，addressPicker.updateMap）；
//这并不新鲜
$（'.refresh'）。在（'click'，function（）上{
setTimeout（函数（）{
google.maps.event.trigger（映射，'resize'）；
}, 50);
});

---

你能帮我吗？提前感谢。

如果您还没有高度等级，请尝试将高度等级添加到#maphome

如果你还没有在#maphome中添加高度等级，请尝试添加高度等级

谷歌地图无法在隐藏元素上初始化。你什么时候初始化地图？哦，问题中有一个输入错误。实际上是初始化到AddressPicker函数中的。有人能帮我吗？谢谢你提供错误日志？也许这会有帮助。谷歌地图不能在隐藏元素上初始化。你什么时候初始化地图？哦，问题中有一个输入错误。实际上是初始化到AddressPicker函数中的。有人能帮我吗？谢谢你提供错误日志？也许这会有帮助。嗯，已经是300像素了。我确实看到了谷歌的标志，但地图是灰色的@Erushforthmm，已经达到300像素了。我确实看到了谷歌的标志，但地图是灰色的@埃鲁什福思

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);
});