Question

我一直在努力尝试将谷歌地图canves插件修复到我的使用twitter bootstrap的应用程序中。

地图是满是灰色斑块的马车，它永远不会很好。但我最近注意到的是，一旦我点击包含插件的页面上的“检查元素”，一切正常，地图就可以了。

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

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

代码

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

Answer 1

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

[添加此脚本工作]

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