Html 仅限Chrome引导程序+；谷歌地图漏洞

首先，让我说地图绘制正确，这不是其他地图/引导错误的重复

我遇到了一个问题，twitter引导模式上的一个地图导致该模式在视觉上被剪裁

这似乎是一个Chrome特有的bug，因为它不会发生在Firefox或Safari上

我使用的是：GoogleMapsAPIv3和TwitterBootstrap3.0.3

Html文件

       <div id="map_picker" class="modal fade" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-body">
              <div id="map_canvas" style="width:100%; height:300px"></div><br/>
            </div>
            <div class="modal-footer">
              <div class="row">
                <div class="col-md-2">
                  <label for="address class="control-label">Address: </label>
                </div>
                <div class="col-md-7">
                  <input id="address" class="form-control" type="text"/>
                </div>
                <div class="col-md-3">
                  <button class="btn btn-primary pull-right" id="apply_location">Apply</button>
                </div>
              </div>
            </div>
          </div> 
        </div>  
      </div>

      ($ '#map_picker').on 'shown.bs.modal', () ->
        google.maps.event.trigger window.map, "resize"

地图显示时没有问题，但模态的其余部分消失了。这不会发生在网站上的任何其他模态（查看图片等）。没有额外的css或样式。模态和所有元素均正确放置，所有z索引均正确显示。输入框和按钮仍能正常工作，只是绘图不正确

试用.noConflict（）方法，如下所示：

var bootstrapModal=$（'#map_picker'）.modal.noConflict（）；
$（'#map_picker'）。bootstrapMdl=bootstrapModal；

此错误是一个maps错误，已自行解决。我没有更改一行代码或更新chrome

地图不再弄乱它的容器。为了这个bug，我暂时冻结了chrome版本。唯一可能发生变化的因素是mapsapi。虽然没有公开列出新的API版本，但我没有在该页面上指定版本号，因此我可能得到了旧版本

我希望我能有一个更好的解释