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

Question

我正在通过 apneadiving / Google-Maps-for-Rails 添加谷歌地图支持（感谢很棒的 gem），

但是我发现了一个小故障，这很可能是我的错。

当有多个标记时，auto_zoom 效果很好。然而，当只有一个标记时，它会放大到最大级别，这不太漂亮。

“zoom”仅在 auto_zoom 为 false 时才起作用，所以这不是我想要的。

因此，您可以使用“maxZoom”，但现在用户无法手动放大到超出该点，这不是我想要的。

有办法解决这个问题吗？我的解释有道理吗？这是 Google 地图 API 的限制吗？

谢谢...

Answer 1

此行为是由于 google 地图 API 中的 auto_zoom 内置函数造成的。

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

<%= 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>

Answer 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”是我的模型。

Answer 3

谢谢这对我有帮助...

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