無法在Bootstrap-Modal中加載Google Map圖塊

Question

我正在嘗試在Bootstrap-Modal中打開地圖。 當我打開底圖的模態圖塊時，不會加載，但是如果我打開/關閉Google Chrome開發者控制台，則圖塊會突然像魅力一樣加載。 我還想提到網站上的另一幅地圖（不是模態）的工作原理。

我已經在Internet上搜索了幾個小時，但是找不到解決我問題的方法。

我嘗試了google.maps.event.trigger(map, 'resize'); 但這並不能解決我的問題。

顯示模態后，如何讓磁貼自動加載？

編輯：“工程師先生”評論做了這項工作，謝謝！

請參閱：bootply.com/106707 –工程師先生

Answer 1

嘗試做類似的事情：

$(window).trigger('resize');

PS你能舉個例子嗎？