javascript - 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

在我的 app/vendor/assets/javascripts 文件夹中，我有下划线、信息框和标记聚类器文件。我是根据 this 中的建议完成的我的一篇帖子。

在我的地址 View 文件夹中，我有一个名为 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" %>

在我的配置文件 Controller 显示操作中，我有:

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

在我的项目 Controller 显示 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

在我的地址 Controller 中我有:

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

在我的参与者 View 中，我有:

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

在我的参与者 Controller 中我有:

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

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

当我在控制台中搜索时，我可以:

p = Profile.first
p.addresses

我还可以:

p = Project.first
p.addresses

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

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

谁能就如何探索这个问题提供任何建议？

Answer 1

在顶部，我注意到 @particpant 未在参与者 Controller 显示操作中定义。因此，当 @adresses 查找 @participant 时，它可能只是没有返回任何内容，这可能是问题所在。

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