javascript - Bootstrap Modal 中谷歌地图的灰色 map

Question

我在 Bootstrap 模式中有一个灰色的 Google map map 。

我尝试使用 google.maps.event.trigger(map, 'resize') 修复它，但它不起作用，因为它不会在模式加载后加载打开。

如果我在控制台中执行此命令，它工作正常。

有什么想法或解决方案可以解决这个问题吗？

Answer 1

使用 bootstrap modal events ？

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