解決在 bootstrap 開啟 modal 時 google maps 無法正確顯示的問題

最近寫一個新功能把 google maps 放在 bootstrap 的 modal 裡，可是會因為對 google maps 而言那一塊是不存在的，而無法正確顯示，雖然稍微調整視窗大小就會出現了，但畢竟不是每個人都知道，還好解決的方式不難，只要在開啟 modal 的時候再去 trigger google maps API 的 resize 事件就好了。

view plaincopy to clipboardprint

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