Gmaps4Rails -入门

Question

我正在尝试弄清楚如何在我的rails 4应用程序中使用gmaps for Rails。我已经在SO上发布了几个问题，与我在过去3个月中面临的设置问题有关。到目前为止，我还没有找到在我的应用程序中尝试让它工作所需的帮助。考虑到人们似乎认为这个设置很简单，我将发布我的完整用例，看看是否有人能够发现我的结构或用例中的问题(而不是插入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

在我的应用程序/供应商/资产/javascripts文件夹中，我有下划线、infobox和标记集群文件。我是根据我的帖子之一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" %>

在我的配置文件控制器show action中，我有：

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 action中，我有：

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检查器中看到地址在处理程序中被正确填充(以及该处理程序中的纬度和经度值)，但是地图没有呈现。

有没有人能就如何探索这个问题提供一些建议？

Answer 1

嗯，就在顶部，我注意到@particpant没有在参与者控制器show action中定义。因此，当@adresses查找@participant时，它可能只是简单地不返回任何内容，这可能是问题所在。

否则，我在以前的项目中遇到了类似的问题，一个页面加载了，但另一个页面没有加载，结果是Turbolinks的问题导致第一个页面加载脚本，而第二个页面不加载。有关更多信息，请参阅：GMaps4Rails and Turbolinks not loading without full page refresh