javascript - 将圆圈添加到 gmaps4rails 时，我收到一条错误消息：TypeError: 'undefined' is not an object (evalating 'circle.serviceObject.getBounds'

Question

我的目标是添加圆圈代替标记，以显示工具模型中每个工具的大致位置区域。我能够根据 SO 上的其他答案添加圆圈，但是使用以下代码我在这个问题的标题中得到了错误。

在我的控制器中：

def index
  @tools = Tool.all
  @json=Tool.all.to_gmaps4rails

  @circles = Tool.all{|t| {:longitude => t.longitude, :latitude => t.latitude, :radius =>"1000" }}.to_json 
  respond_to do |format|
    format.html # index.html.erb
    format.json { render json: @tools }
  end
end

在我的视图文件中：

<%= gmaps({ "markers" => {"data" => @circles}, "circles" => { "data" => @circles} }  ) %>

JavaScript 错误将我引导至 gmaps4rails.googlemaps.js 文件中的第 401 行：

  this.boundsObject.extend(circle.serviceObject.getBounds().getNorthEast());

任何想法为什么？

Answer 1

休息一下this.boundsObject.extend(circle.serviceObject.getBounds().getNorthEast());

并打印我们的圆圈

如果我没记错@circle in rails 格式不正确

  @circles = Tool.map{|t| {:longitude => t.longitude, :latitude => t.latitude, :radius =>"1000" }}.to_json 

它应该是 map 而不是 all 来映射所有数组并在 json 中打印出来