Question

当用户点击按钮时，我想在模式中复制嵌入式googleMap。原因是，想要嵌入式googlemap的“全屏模式”。我的方法是从正文中克隆googlemaps元素并将其插入全屏模式（下面的MWE中未提供，以降低代码复杂性），一旦用户单击按钮，弹出窗口就会弹出。

问题是，简单克隆googleMap嵌套的元素是不够的，因为例如标记会消失。

您可以在bootply上找到最小的工作示例。

我的MWE是否有另一种或类似的方法甚至是代码修补程序，以便在不创建新地图实例的情况下在模态中显示googleMap？等等？

Answer 1

我认为你应该在打开模态后强制重新加载地图。像

这样的东西

$('#myModal').on('shown', function () {
    google.maps.event.trigger(map, "resize");
});