Gmaps4Rails - 入门

时间:2016-08-30 00:38:24

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

我正在尝试弄清楚如何在我的Rails 4应用程序中使用gmaps作为rails。关于我在过去3个月中遇到的设置问题,我已经发布了几个关于SO的问题。到目前为止,我还没有找到帮助我尝试在我的应用程序中使用它。鉴于人们似乎认为这个设置很简单,我发布了我的完整用例,看看是否有人能够发现我的结构或用例的问题(而不是插入gem中的问题)。

我有地址,项目,个人资料和参与者的模型。协会是:

地址

geocoded_by :full_address   # can also be an IP address
belongs_to :addressable, :polymorphic => true

项目

has_many :addresses, as: :addressable
      accepts_nested_attributes_for :addresses,  reject_if: :all_blank, allow_destroy: true
has_one :package

资料

has_many :addresses, as: :addressable
    accepts_nested_attributes_for :addresses,  reject_if: :all_blank, allow_destroy: true

参与者

has_many :addresses, as: :addressable
    accepts_nested_attributes_for :addresses,  reject_if: :all_blank, allow_destroy: true
belongs_to :package

在我的Gemfile中,我有:

gem 'geocoder'
gem 'gmaps4rails'#, '~> 2.1', '>= 2.1.2'

在我的application.js中,我有

//= require underscore
//= require gmaps/google
//= require markerclusterer
//= require infobox

在我的app / vendor / assets / javascripts文件夹中,我有下划线,信息框和标记群集文件。我根据this我的一篇帖子中的建议完成了这项工作。

在我的地址视图文件夹中,我有一个名为new_test_fix_map.html.erb的部分:

<script src="//maps.google.com/maps/api/js?v=3.23&key=<%= ENV['GOOGLE_MAPS_API_KEY'] %>"></script>

 <!-- <script src="//maps.google.com/maps/api/js?v=3.18&sensor=false&client=&key=&libraries=geometry&language=&hl=&region="></script>
 -->
<div style='width: 800px;'>
  <div id="map" style='width: 800px; height: 400px;'></div>
</div>

<script>
    markers = handler.addMarkers();
</script>

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

在我的个人资料展示页面中,我有:

<%= render partial: "addresses/new_test_map_fix" %>

在我的个人资料控制器展示操作中,我有:

def show
    # debugger
    @addresses = @profile.addresses

      @hash = Gmaps4rails.build_markers(@addresses) do |address, marker|
        marker.lat address.latitude
        marker.lng address.longitude
        marker.infowindow address.full_address
      end
  end

在我的项目展示页面中,我有:

<%= render partial: "addresses/new_test_map_fix" %>

在我的项目控制器show动作中,我有:

def show
    @project = Project.find(params[:id])
    authorize @project
    @addresses = @project.addresses

      @hash = Gmaps4rails.build_markers(@addresses) do |address, marker|
        marker.lat address.latitude
        marker.lng address.longitude
        marker.infowindow address.full_address
  end

在我的地址控制器中,我有:

def show
    @hash = Gmaps4rails.build_markers(@addresses) do |address, marker|
      marker.lat address.latitude
      marker.lng address.longitude
    end
  end

在我的地址模型中,我有:

def full_address
    [self.first_line, middle_line, last_line, country_name].compact.join("<br>").html_safe
  end

在我的参与者看来,我有:

<% if @project.package.participant.location_specific == true %>
    <%= @project.package.participant.addresses.first.full_address %>
    <%= render partial: 'addresses/new_test_fix_map' %>
<% else %>
   Remote participation available
<% end %>

在我的参与者控制器中我有:

def show
    @addresses = @participant.addresses

      @hash = Gmaps4rails.build_markers(@addresses) do |address, marker|
        marker.lat address.latitude
        marker.lng address.longitude
        marker.infowindow address.full_address
      end

目前,当我尝试在个人资料展示页面上渲染地图时,一切正常。我实际上不明白为什么假设该配置文件有很多地址,我还没有要求第一个地址。无论如何,当我尝试在项目显示页面上渲染地图时,我没有错误但没有地图。就地址而言,项目和配置文件的设置完全相同。如果它适用于一个,它应该适用于两者。它根本不适用于项目。此外,我不能让它为参与者工作,但我怀疑,如果我能解决项目的这个问题,那么我会找到参与者的解决方案。

当我在控制台中搜索时,我可以这样做:

p = Profile.first
p.addresses

我也可以这样做:

p = Project.first
p.addresses

在这两种情况下,都会返回地址。在项目和配置文件显示页面上,地址的打印文本正确显示。在配置文件显示页面上,地图呈现正确。

在项目显示页面上,我可以从chrome检查器看到地址正在处理程序中正确填充(连同该处理程序中的纬度和经度值),但地图不会呈现。

有人可以就如何探讨这个问题提出任何建议吗?

1 个答案:

答案 0 :(得分:0)

刚好在顶部,我注意到参与者控制器show动作中没有定义@particpant。因此,当@adresses查找@participant时,它可能只是返回任何可能是问题的内容。

否则我在之前的项目中出现了类似这样的问题,加载了一个页面,但另一个没有,结果发现这是Turbolinks的一个问题,导致第一页加载脚本但第二页页面没有。 有关详细信息,请参阅:GMaps4Rails and Turbolinks not loading without full page refresh