Google 地图 api 可与浏览器检查元素配合使用

我几天来一直在努力尝试将 google 地图 canves 插件修复到我使用 Twitter bootstrap 的应用程序中。

地图充满了灰色斑点，而且从来都不是中心位置。但我最近注意到的是，一旦我在包含插件的页面上单击“检查元素”，一切都会正常，并且地图工作正常。

这可能看起来很奇怪，但这就是我注意到的。任何想法是什么问题以及如何解决它。

注：我在chrome和firefox浏览器上测试过。

Code

触发模式的页面：http://pastie.org/4594166模态 HTML：http://pastie.org/4594195 gmaps: <script src='http://pastie.org/4595877.js'></script>

我猜你的地图默认情况下不显示，但代码会有所帮助。听起来您需要在显示地图时触发调整大小。请参阅“地图对象的事件”下的“调整大小”：

https://developers.google.com/maps/documentation/javascript/reference#Map

[添加此脚本以使其工作]

$(document).ready(function () { 
  $('#mymodal').on('shown', function () { 
    google.maps.event.trigger(map, 'resize');  
  });   
});