Javascript 谷歌地图没有'；不能正确显示

请参阅此快照：

我不明白为什么我只看到地图左上角的一个小正方形，而地图的其余部分是灰色的。我以模态形式“调用”我的地图。当我在模态形式之外“调用”我的映射时，一切都正常。我在那里使用Jquery模态表单小部件：

html:

<div id='rayon_dialogue' title="Modifier le rayon de déplacement">
    <form action='profil.php' method='post'>
        <label>Rayon de déplacement maximal : </label>
        <input type='text' name='rayonDeplacement' id='rayonDeplacement' <?php echo "value='".$_SESSION['authentification']['rayonActivite']."'"; ?> /><br/>

        <label>Rayon de déplacement non chargé : </label>
        <input type='text' name='rayonCharge' id='rayonCharge' <?php echo "value='".$_SESSION['authentification']['rayonActiviteCharge']."'"; ?> /><br/><br/>

        <div id="container">
            <div id="map">
                <p>Veuillez patienter pendant le chargement de la carte...</p>
            </div>
        </div>

        <input type='submit' name='validerDeplacement' value='sauvegarder' />
    </form>
</div>

---

我相信，如果您更改此呼叫，它会起作用：

google.maps.event.addDomListener(window, 'load', initialize);

对此（如果使用jQuery）：

问题是地图在文档准备好之前就初始化了，因此它没有得到

div

的大小，因此视口不适合它

更新：如果不起作用，请尝试将其添加到对话框的

open

事件中：

open: function() {
    initialize();
}

---

对我来说效果很好，我用imguri再次上传了它，我想它仍然在加载mapIf，如果我输入以下代码：Veuillez patienter pendant le chargement de la carte…

在模式表单之外一切正常。在我的屏幕截图中，我可以拖动左上角的小正方形来查看更多地图，但它会一直返回到左上角。在对话框的打开事件中使用了添加initialize（）@很好。当我发现

ready

事件不起作用时，在发布原始答案后，我有了这个想法。

google.maps.event.addDomListener(window, 'load', initialize);

$(document).ready(function() { initialize(); });

open: function() {
    initialize();
}