谷歌地图嵌入模态

Question

我想我们有谷歌地图的错误。当我直接在页面中嵌入iframe时，工作正常。但在引导模式中，它指向错误的位置。我该如何解决这个问题？

http://www.bootply.com/5VyAj2cAx0

Answer 1

我解决了这个问题。

由于模态呈现的 display:none 属性，地图中的javascripts工作错误。如果我们在显示模态后创建iframe，则工作正常。

这个答案解释道。 https://stackoverflow.com/a/27656177/5405168

正确的代码在这里：http://www.bootply.com/eLviOaNr5B

Answer 2

尝试对地图div使用嵌入式响应，如下所示：

<div class="modal-body">
  <div class="embed-responsive embed-responsive-4by3">
    <div id="map" class="embed-responsive-item"></div><p>
  </div>
</div>

开箱即用，无需任何额外的JavaScript。

演示：http://a0u.org/map_modal.html