google-maps - 谷歌地图 api 与浏览器检查元素一起使用

Question

我一直在努力尝试在我的使用 twitter bootstrap 的应用程序中修复 google map canves 插件。

这张地图是满是灰色斑块的越野车，而且它从来都不是很好的中心。但我最近注意到的是，一旦我在包含插件的页面上单击“检查元素”，一切正常，地图工作正常。

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

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

代码

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

score 4 · Accepted Answer

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

[将此脚本添加到工作中]

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

1 回答 1