Rails：适合界限谷歌地图

Question

我在动态标签中有一张地图：

<div id="tabs">
<div class="panel with-nav-tabs panel-default">
<div class="panel-heading">
   <ul class="nav nav-tabs"  id="prodTabs">
      <li class="active"><a href="#map">Map_locations</a></li>
      <li><a href="#comments">Comments</a></li>
      <% if shopper_signed_in? %>
      <li><a href="#add">Add Comments</a></li>
      <% end %>
   </ul>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane active" id="map">
<div id="map"></div>

标签是动态的：

<script>
$('#tabs').on('click','.tablink,#prodTabs a',function (e) {
    e.preventDefault();
    var url = $(this).attr("data-url");

    if (typeof url !== "undefined") {
        var pane = $(this), href = this.hash;

        // ajax load from data-url
        $(href).load(url,function(result){
            pane.tab('show');
        });
    } else {
        $(this).tab('show');
    }
});
</script>

我试图根据我的两个标记显示适合边界的地图。但是一个标记显示一半，只有当我缩小地图时才显示正确。但我不希望缩小的值被缩小。关于如何解决这个问题的任何想法？

<script>
   handler = Gmaps.build('Google');
   handler.buildMap({ provider: {}, internal: {id: 'map'}}, function(){
       markers = handler.addMarkers(<%=raw @hash.to_json %>);
       handler.bounds.extendWith(markers);
       handler.fitMapToBounds();
       handler.getMap().setZoom(15);
   });
</script>