使用gmaps4rails动态加载谷歌地图标记

Question

如何只加载地图范围内的标记与gmaps4rails？当然，在平移和/或缩放之后加载新的。

与此直接相关，我怎样才能得到地图的当前边界和缩放级别？

Answer 1

这里是我做到了，我只能更换

在您看来（index.html.erb）：

<%= gmaps({ "map_options" => { "zoom" => 15, 
           "auto_adjust" => false, 
           "detect_location" => true, 
           "center_on_user" => true }}, false, true) %> 

用户完成平移或缩放，如果您需要不同的行为，然后使用不同的事件侦听器后的标记3210

在视图的底部添加：

<script type="text/javascript" charset="utf-8"> 

function gmaps4rails_callback() { 
    google.maps.event.addListener(Gmaps4Rails.map, 'idle', function() { 
     var bounds = Gmaps4Rails.map.getBounds(); 
     drawItems(bounds); 
    }); 
} 

</script> 

在application.js中（使用jQuery）：

function drawItems(theBounds) { 
    var url = '/venues.json/?sw_y=' + theBounds.getSouthWest().lng() + 
          '&sw_x=' + theBounds.getSouthWest().lat() + 
          '&ne_y=' + theBounds.getNorthEast().lng() + 
          '&ne_x=' + theBounds.getNorthEast().lat(); 
    $.get(url, function(newItemData) { 
     Gmaps4Rails.replace_markers(newItemData); 
    }); 
} 

venues_controller＃指数：

def index 
    # Only pull venues within the visible bounds of the map 
    if (params[:sw_y] && params[:sw_x] && params[:ne_y] && params[:ne_x]) 
     bounds = [ [params[:sw_x].to_f, params[:sw_y].to_f], 
       [params[:ne_x].to_f, params[:ne_y].to_f] ] 
     @venues_within_bounds = Venue.within_bounds(bounds) 
    else 
     @venues_within_bounds = Venue.all 
    end 

    respond_to do |format| 
     format.html # index.html.erb 
     format.json { 
      @data = @venues_within_bounds.collect {|v| { 
        :longitude => v.longitude, 
        :latitude => v.latitude, 
        :picture => v.marker_picture, 
        :title => v.marker_title 
      } 
      render :json => @data 
     } 
    end 
end 

Venue.rb模型（使用mongodb和mongoid）：

def self.within_bounds(bounds) 
    self.where(:location.within => {"$box" => bounds }) 
end 

Answer 2

哇，你真的为宝石:)

这里很多反馈我如何使用它：

• 只加载有用的标记，我使用geokit-rails3它们进行过滤及以下范围：Location.in_bounds([@south_west_point, @north_east_point], :origin => @somewhere)

• 当变焦或跨度，我只能依靠其拧紧过程聚类

• 配置，地图中心和原变焦，看到here

• 你应该编写自己的方法来获得当前的边界，可以考虑拉:)