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

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

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

留言