Google地图,Ruby on Rails,使用一个标记缩放级别

时间:2011-04-28 16:36:53

标签: ruby-on-rails ruby ruby-on-rails-3 google-maps gmaps4rails

我正在使用apneadiving / Google-Maps-for-Rails添加谷歌地图支持(感谢真棒宝石)

然而,我发现了一个轻微的故障,这很可能是我的错。

当有多个标记时,

auto_zoom效果很好。但是,当只有一个标记时,它会放大到最大级别,这不是很漂亮。

“缩放”仅在auto_zoom为false时才有效,因此这不是我想要的。

因此你可以使用“maxZoom”,但现在用户无法手动放大超过我想要的那一点。

有解决方法吗?我的解释有意义吗?这是Google Maps API的限制吗?

...谢谢

3 个答案:

答案 0 :(得分:17)

此行为是由于google maps api中的auto_zoom内置函数造成的。

解决此问题的方法是在false方法中将其设置为gmaps

<%= gmaps({
       "map_options" => { "auto_zoom" => false},
       "markers"     => { "data" => @json }
      })
%>

然后使用gmaps4rails_callback来满足您的需求(确保至少有0.7.9版本)

<script type="text/javascript" charset="utf-8">
  function gmaps4rails_callback() {
    if (Gmaps4Rails.markers.length == 1) {
     //only one marker, choose the zoom level you expect
     Gmaps4Rails.map.setZoom(2);
    }
    else{
     //more than one marker, let's auto_zoom
     Gmaps4Rails.map_options.auto_zoom = true;
     Gmaps4Rails.adjust_map_to_bounds();
    }
  }
</script>

答案 1 :(得分:2)

我以稍微不同的方式实现了这一点,因为我知道我的地图上只有一个标记。我对rails很新,但是这个方法比你在视图中使用JS感觉有点“干净”。

我的lat和lng存储在我的模型中(在创建时由geokit编码),所以在我的视图中执行了以下操作:

<%= gmaps({
       "map_options" => {"auto_zoom" => false, "zoom" => 15, "center_latitude" => @listing.lat, "center_longitude" => @listing.lng },
       "markers"     => {"data" => @markers }
      })
%>

@markers是由blah.to_gmaps4rails创建的我的JSON,“listing”是我的模型。

答案 2 :(得分:0)

谢谢这帮助了我......

 {“auto_zoom”=&gt; false,“zoom”=&gt; 15,“center_latitude”=&gt; @ listing.lat,“center_longitude”=&gt; @ listing.lng},        “markers”=&gt; {“data”=&gt; @markers}       }) %GT;